如何在 contenteditable <button> 上获得插入符号位置

【问题标题】：How can I get the caret position on a contenteditable <button>如何在 contenteditable <button> 上获得插入符号位置
【发布时间】：2011-03-29 21:02:56
【问题描述】：

所以我的网页中有一个 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()";

但它们似乎都不起作用:(任何指针？

【问题讨论】：

标签： javascript button contenteditable caret

【解决方案1】：

更新

不幸的是，下面链接中的代码似乎只适用于 Firefox 而不适用于 Chrome（button、divs 工作得很好）

看看这些：

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

【讨论】：

嘿，不好，我在 SO 上查看了插入符号位置的第一个示例，它适用于 contenteditable div 但不适用于按钮。我看到了你的代码 sn-p。你试过执行它吗？它对我不起作用......
@Freakishly，我刚刚又试了一次，它在 FF4 中运行良好，但在 Chrome 中无法运行。