Javascript 在contenteditable div中查找当前插入符号位置？

我有一个可编辑的div。我想在打字时给特定文本上色（如A4，D12等）

因此，在每次按键时，我都会检查

div

的内容，找出标记（A4、D11等），并将它们包装到

span

中

因此，

abcd+A6

将转换为

abcd+A6

现在我想知道当前插入符号的位置。假设光标位于

span

内的A之后

但当我这么做的时候

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

我得到了

pos=1

这是插入符号在

span

元素中的位置，但我想要插入符号相对于

div

元素的位置（在这种情况下，它应该是

pos=6

）

任何帮助都将不胜感激。

试试以下方法：

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

您可以看到更多信息

这有帮助吗？