我怎样才能得到一个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 - 这并不完美，但它可以帮助你开始。我在上面的第二个链接中使用了博文中的代码。