我怎樣才能得到一個CONTENTEDITABLE <button>

Question

插入位置所以我在我的網頁上CONTENTEDITABLE按鈕，我宣佈像這樣：

<button id="test" contentEditable="true">This <img src="image..png" /> is a button, click me!</button> 

我四處移動，我想找到它的最終位置。我都嘗試：

• window.getSelection（）focusOffset.toString（）
• 的document.getElementById（ '測試'）selectionStart.toString（）「;

，但他們都沒有。似乎工作:(任何指針？

Answer 1

更新

不幸的是，從下面的鏈接代碼似乎只與Firefo工作x和無法與Chrome（爲button，div的工作就好了）

---

這些看一看：

• Get caret position in contentEditable div
• https://niichavo.wordpress.com/2009/01/06/contenteditable-div-cursor-position/

這裏有一個quick and dirty fiddle - 這並不完美，但它可以幫助你開始。我在上面的第二個鏈接中使用了博文中的代碼。