在一个可信的div中找到当前的插入位置？

Question

我有一个 contenteditable 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元素的插入符位置（它应该是pos=6在这种情况下）

任何帮助都将不胜感激。

Answer 1

试试这个：

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

您可以看到更多here