选择文本并添加到本地存储

Select text and add to localstorage

本文关键字：存储添加文本选择更新时间：2023-09-26

Iv一直在使用一个简单的html5笔记应用程序，并希望对其进行扩展。

我希望能够在页面上选择一些文本并将其添加为注释我不确定是创建一个新函数还是修改一个已经存在的函数。

我已经包含了下面的代码，我认为它将项目添加到本地存储中。

我还包含了一个指向github页面的链接，其中的html代码是：https://github.com/oxhey/Notes-Manager

if(newItem){ // don't push when generating from localStorage
            allTitles.push(listTitle);
            allLists.push({'title': listTitle, 'note': listNote});
            localStorage.setItem('allLists',JSON.stringify(allLists));
            localStorage.setItem('allTitles',allTitles);
        }
        return listContainer;
    };

HTML:

 <form class="form-horizontal" onsubmit="return false;"  role="form" id="newListForm">
                <div class="form-group">
                    <label for="newListInput" class="col-sm-2 control-label">Title<span>*</span></label>
                    <div class="col-sm-5">
                        <input type="text" required="true" class="form-control" name="newListTitle" id="newListInput" placeholder="List Title" onblur=' this.value=this.value.replace(/(^'s*)/g, "") ; '>
                    </div>
                </div>
                <div class="form-group">
                    <label for="newNoteInput" class="col-sm-2 control-label">Note<span>*</span></label>
                    <div class="col-sm-5">
                        <textarea required class="form-control" name="newListNote" id="newListNote" placeholder="Write Note" ></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-5">
                        <button type="submit" id="submitButton" class="btn btn-primary">Save</button>
                    </div>
                </div>
            </form>

您可以在Javascript中做到这一点。使用以下代码：

if(window.getSelection){
    selectedText = window.getSelection();
}else if(document.getSelection){
    selectedText = document.getSelection();
}else if(document.selection){
    selectedText = document.selection.createRange().text;
}

选择|MDN

编辑：

尝试将以下JS代码与HTML一起使用：

function submitForm(){
  var listTitle = document.getElementById("newListInput").value;
  var listNote = document.getElementById("newListNote").value;
  console.log(listNote);

  // not sure why you have the following 2 lines
  //if(newItem){ // don't push when generating from localStorage
    //allTitles.push(listTitle);  
  var allLists = [];
    allLists.push({'title': listTitle, 'note': listNote});
    localStorage.setItem('allLists',JSON.stringify(allLists));
    localStorage.setItem('allTitles',allTitles);
//  }
}
//return listContainer;
//};