在可编辑的div中找到当前的插入符号位置？

Question

我有一个内容可编辑的div 。 我想在键入时为特定文本着色（如A4 ， D12等）。

因此，在每次按键时，我都要检查div的内容，找出标记（A4，D11等）并将它们包装成span 。

因此abcd+A6将转换为abcd+<span color=#some-color>A6</span>

现在我想知道当前的插入符位置。 假设光标在span内的A之后，

但是当我这样做

sel=window.getSelection()
pos = sel.anchorOffset

我得到pos=1 ，即插入符号在span元素中的位置，但是我想要相对于div元素的插入符号positon（在这种情况下，应该为pos=6 ）

任何帮助，将不胜感激。

Answer 1

尝试这个：

sel = window.getSelection();
pos = sel.focusOffset;

你可以在这里看到更多