JavaScript获取最近点击字符的页面坐标

Question

我有一个div标签，里面有一堆文字。

<div>Lots of text in here</div>

我正在听div的onclick事件。我想在用户点击div的任何地方插入一个假文本光标。我很容易得到点击的角色：

var sel = window.getSelection();
sel.focusOffset;

但我不知道如何获得该角色的像素坐标。

Answer 1

rangy库有一个功能就是这样 - 找到选择的像素位置。看一下这个演示：http://rangy.googlecode.com/svn/trunk/demos/position.html

图书馆之家：http://code.google.com/p/rangy/

使用rangy获得像素位置后，您可以动态地将绝对定位的DIV（或重新定位现有DIV）添加到这些坐标。