Javascript execCommand（'insertHTML'）正在占用空间

在下面的代码中，我将使用execCommand'insertHTML'突出显示选定的文本

问题:

当我选择first时，请在下面选择我。它会占用selectme和Test之间的空间。但当我选择second selectme时，同样的问题不会发生

document.addEventListener'mouseup'，事件=>{ const selection=window.getSelection.toString； document.execCommand'insertHTML'，false， `${selection}`； }; .bg红色{ 背景：红色； } 选择测试 选择测试

---

我是用另一种方法做的

document.getElementByIdwrapper.addEventListener'mouseup'，event=>{ var select=window.getSelection； //存储所选文本 var sel_txt=select.toString； ifsel_txt{ //获取当前选定的范围 var range=select.getRangeAt0； //从文档中删除范围内容 含量范围； //为替换创建节点 var elm=document.createElement'span'； elm.className=bg红色； var textNode=document.createTextNodesel_txt； elm.appendChildtextNode； //插入节点 range.insertNodeelm； //删除所选内容 选择.removeAllRanges； } }; .bg红色{ 背景：红色； } 选择测试 选择测试

---

功能正常&代码中没有任何错误。这似乎是一个特殊的问题。你能试试铬吗？