如何删除文本中选中的单词？

Question

此代码选择单词并从中创建一个数组。但是我需要在被选中并添加到数组后删除单词。我想我需要使用 document.getSelection() 或 document.selection，但我不知道如何通过它们删除选定的单词。如果有人给我提示，我会很高兴。

<script>
let container;
var arr = [];
function get_selection() {
  
    var txt = '';
       if (document.getSelection) {
          txt = document.getSelection().toString();
                
                
            } 

            else if (document.selection) {
                txt = document.selection.createRange().text;
            }
             arr.push(txt);
            }
            }
           document.getElementById("txt").onclick = get_selection;

</script>

Answer 1

您可以使用onselect 事件。在元素上或只是全局上，但你必须弄清楚你的目标不是例如。菜单元素：P。然后你可以使用textContent 如果你使用 contenteditable 并且只是在选择之前和之后的子字符串值并将内容值设置为它的总和。我使用 textarea，在大多数情况下使用 contenteditable 并不是最佳做法。

const selections = []

const handleOnSelect = (e) =>{
  const target = e.target;
  const start = target.selectionStart;
  const end = target.selectionEnd;
  const selection = target.value.substring(start, end);
  selections.push(selection);
  const pre = target.value.substring(0 , start);
  const post = target.value.substring(end);
  target.value = pre + post;
  
  console.log(selections)
}


window.addEventListener("load", ()=>{
   const target = document.getElementById("txt")
   target.addEventListener("select", handleOnSelect);
})

<textarea id="txt"> </textarea>