Javascript 从窗口中选择的文本为空

我正在尝试将所选字符串包装在两个字符之间 例如：选择“测试”并单击更改按钮将所选文本更改为“atestb” 问题是，我可以替换所选文本，但window.getSelection（）.toString（）将变为空。 这是我正在使用的功能

  replaceSelectedText(startTag, endTag) {
    let sel, range;
    console.log(window.getSelection().toString())
    if (window.getSelection) {
      sel = window.getSelection();
      if (sel.rangeCount) {
        range = sel.getRangeAt(0);
        range.deleteContents();
        const selectedContent = sel.toString();
        console.log("Selected Content ")
        console.log(selectedContent)
        let replaceDiv = startTag + selectedContent;
        replaceDiv=endTag ? replaceDiv + endTag : replaceDiv;
        range.insertNode(document.createTextNode(replaceDiv));
      }
    } else if ((document as any).selection && (document as any).selection.createRange) {
      range = (document as any).selection.createRange();
      range.text = startTag;
    }
  }

链接到Stackblitz

---

在检索之前删除该值

range.deleteContents();
const selectedContent = sel.toString();

---

如果在删除前翻转这两行并存储内容，它将按预期工作。

在检索之前删除该值

range.deleteContents();
const selectedContent = sel.toString();

如果在删除前翻转这两行并存储内容，它将按预期工作