给定一个 contentEditable Div 如何将光标设置到特定位置？

Question

给定一个 contentEditable div，如下所示：

<div contenteditable="true">Here is some text, hello world.</div>

如何将光标设置在位置 6，就在 is 中的 s 之后？

我一直在尝试使用：

savedRange = window.getSelection().getRangeAt(0);

然后像这样修改值：

savedRange.startOffset = 6
savedRange.endOffset = 6

但这并没有更新savedRange。

有什么想法可以让 div 中的光标/插入符号吗？谢谢

Answer 1

这是位置 7。无论如何，假设您为可编辑

指定了“myDiv”的 id，那么方法如下。请注意，这在 IE 中不起作用9，它具有完全不同的范围和选择API。

if (window.getSelection) {
    var sel = window.getSelection();
    var textNode = document.getElementById("myDiv").firstChild;
    var range = document.createRange();
    range.setStart(textNode, 7);
    range.collapse(true);
    sel.removeAllRanges();
    sel.addRange(range);
}