如何在满意的<按钮> </button>上获得插入位置

Question

所以我在我的网页上有一个满意的按钮，我声明如下：

<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

<强>更新

不幸的是，以下链接中的代码似乎仅适用于Firefox，而不适用于Chrome（适用于button，div工作正常）

---

看看这些：

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

这是一个quick and dirty fiddle - 它并不完美，但它可能会帮助你开始。我在上面的第二个链接上使用了博客文章中的代码。