在可編輯的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;

你可以在這里看到更多