如何获得内容可编辑的插入符号位置

Question

所以我在网页中声明了一个contenteditable按钮，如下所示：

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

我四处移动插入符号，我想找到它的最终位置。 我都尝试过：

• window.getSelection（）。focusOffset.toString（）
• document.getElementById（'test'）。selectionStart.toString（）“;

但它们似乎都不起作用:(有指针吗？

Answer 1

更新资料

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

---

看看这些：

• 在contentEditable div中获得插入符位置
• https://niichavo.wordpress.com/2009/01/06/contenteditable-div-cursor-position/

这是一个快速而肮脏的小提琴 -虽然并不完美，但可能会帮助您入门。 我使用了上面第二个链接中博客文章中的代码。