如何从div获取Character Offset

Question

我有一个div “contenteditable = true” 对于前：
<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)

});