我知道在 contentEditable 中获取/设置光标位置几乎是不可能的。我不在乎知道这些信息。我需要能够保存当前选择，修改 div 的 innerHTML，然后恢复选择。
我一直在尝试contenteditable selected text save and restore 提供的答案。它在输入 div 后起作用，但在 以编程方式 修改 div 的 innerHTML 后不起作用。相反，当我调用 restoreSelection 时，插入符号只是转到开头。
任何关于在修改 innerHTML 而不是键入后如何能够在 contentEditable 上保存/恢复选择的建议将不胜感激。
【问题讨论】：
标签： javascript selection innerhtml contenteditable
如果您在可编辑元素的现有innerHTML 上进行某种字符串替换，您可以使用我的Rangy 库及其save/restore selection 模块。它使用具有特定 ID 的不可见元素来标记选择的开始和结束边界，因此如果您的 innerHTML 更改不包含这些元素，那么这将不起作用。
另一种选择是完全基于元素文本节点中的字符索引来执行此操作。我在这里写了一个简单的实现：https://stackoverflow.com/q/5596688/96100
【讨论】：
ids，而不是对元素本身的引用，因此如果您将innerHTML 替换为当前HTML 的字符串替换，它仍然可以工作.回覆。第二个建议的问题，你有一个我可以看的例子吗？
var sel = rangy.getSelection(); sel.selectAllChildren(editableDiv); sel.collapseToStart();