將插入符號的位置設置爲0的內部節點中的contenteditable元素

我必須創建一個簡單的文本編輯器。在所有瀏覽器中工作並不是必需的，如果它在最新的Firefox和鉻足夠了。將插入符號的位置設置爲0的內部節點中的contenteditable元素

所以問題是，我有一個contenteditable div與子節點和鉻，當我步入節點的步驟自動到第一個字母后。是否可以將脫字符號設置爲零位？

<div contenteditable="true"> 
    some <span>text</span> other text 
</div>

當鉻的跨度內插入符步驟，光標自動放置噸後。我厭倦了選擇和範圍設置位置，但它不起作用。

更新：已解決，看我的答案，以獲得如何。

在Firefox中，它的工作是我想要的。

2016-07-27 Twois

那是小提琴應該展示的問題，因爲它在Chrome和Firefox相同的行爲。 –

當我使用firefox時，插入符號放在'>'（span：內容之前）之後。在鍍鉻中，插入標籤後的字母后面的字符。這發生在我用箭頭鍵步進跨度元素內時。 – Twois

謝謝大家，爲此找到解決方案有多累。

如果子eleme（sapn）具有contenteditable屬性與真實，它的工作。

<div contenteditable="true"> 
    some <span contenteditable="true">text</span> other text 
</div>

2016-07-27 13:18:39 Twois

回答