javascript - 如果未选择任何内容，IE createRange().pasteHTML 将粘贴到页面顶部

Question

这个问题已经有答案了:

Insert html at caret in a contenteditable div (4 个回答)

已关闭 10 年前。

我试图让 IE 粘贴到 contenteditable div 中当前插入符号的位置。如果您选择了一些文本，IE 会正常粘贴，但如果您没有选择任何内容，它会将您的文本粘贴到页面顶部。有没有办法让它粘贴到插入符号位置而不是页面顶部？

<div id='ce' contenteditable='true'>select me...</div>

document.getElementById("insert").onclick = function() {
    document.selection.createRange().pasteHTML("-PASTED HTML-");
};

fiddle (remember, IE only)

Answer 1

答案是.focus在文本区域。实际场景使用 body 元素而不是文本区域，并且 document.body.focus() 适用于这种情况。

这是此问题的固定 fiddle :jsfiddle.net/Sx2Lt/4(仅限 IE)