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

Question

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

提前致谢

Answer 1

我敢打赌这个答案会对你有所帮助。

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

它基本上将整个文本从 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)

});