如何从 div 中获取字符偏移量

Question

我有一个 "contenteditable = true" 的 div。
例如：
<div id="editableDiv" contenteditable="true">
<br/>fggggdf
</div>
如何获取相对于 div "editableDiv" 的字符偏移量（例如字符'd' 偏移量）。

提前致谢

Answer 1

我打赌this answer 会帮助你。

我正在考虑与此处介绍的方法类似的方法。基本上，您必须执行以下操作：

它基本上将整个文本从 textarea 内部复制到相同大小的 div 中。我设置了一些 CSS 以确保在每个浏览器中，textarea 和 div 以完全相同的方式包装它们的内容。

Answer 2

看看这个。您可以找到单击鼠标以显示您的建议框的偏移量。

http://jsfiddle.net/8dZBT/2/

$('#editableDiv').click(function(e){
    var x = e.pageX;
    var y = e.pageY;
    x -= $(this).offset().left;
    y -= $(this).offset().top;
    alert(x+' '+y)

});