javascript - 如何在 contenteditable 上获得插入符号位置

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（对于 a button，divs 工作得很好）

---

看看这些：

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

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