在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