在contenteditable div中查找当前插入的位置？

Question

我有一个contenteditable div。我想在输入时对特定文本进行着色（类似于A4，D12等）。

因此，在每次按键时，我检查div的内容，找出令牌（A4，D11等）并将它们包装到span中。

所以abcd+A6将被转换为abcd+<span color=#some-color>A6</span>

现在我想知道当前插入符位置。让说光标一个的span内，

但之后当我这样做

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

我得到pos=1是在span元素插入符的位置，但我想对于插入符当前位置div元素（在这种情况下应该是pos=6）

任何帮助，将不胜感激。

Answer 1

试试这个：

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

你可以看到更多的here