用 JavaScript 模拟剪切功能？

Question

我正在开发一个 chrome 扩展程序，我想对页面上选择的（由用户突出显示的）文本做一些事情。为此，我需要一种方法来删除选定的文本，例如输入字段中的文本。

我找到了一种“清除”选定文本的方法，这意味着它将被取消选中： Clear Text Selection with JavaScript 但它似乎不是我要找的。​​p>

这只是从文本中删除突出显示：

window.getSelection().empty();

如果是可编辑的文本，我想删除选中的文本。这可以用 JavaScript 实现吗？

Answer 1

您可以使用deleteFromDocument 方法：

window.getSelection().deleteFromDocument()

这将立即从文档中删除选定的内容，因此也会清除选择。

正如MDN web docs中正式描述的那样：

Selection 接口的 deleteFromDocument() 方法从文档的 DOM 中删除选定的文本。

---

如果您希望能够从 input 元素中删除文本，则需要使用不同的 API：

var activeEl = document.activeElement;
var text = activeEl.value;

activeEl.value = text.slice(0, activeEl.selectionStart) + text.slice(activeEl.selectionEnd);

由我编辑，Synn Ko：要覆盖输入字段、文本区域和 contenteditables，请使用：

var selection = window.getSelection();
var actElem = document.activeElement;
var actTagName = actElem.tagName;

if(actTagName == "DIV") {
    var isContentEditable = actElem.getAttribute("contenteditable"); // true or false
    if(isContentEditable) {
        selection.deleteFromDocument();
    }
}

if (actTagName == "INPUT" || actTagName == "TEXTAREA") {
    var actText = actElem.value;

    actElem.value = actText.slice(0, actElem.selectionStart) + actText.slice(actElem.selectionEnd);
}