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

JavaScript get page coordinates of closest clicked character

本文关键字:坐标 字符 最近 JavaScript      更新时间:2023-09-26

我有一个div标签,里面有一堆文本。

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

我正在收听来自div的onclick事件。我想在用户单击div的任何地方插入一个假文本光标。我可以很容易地得到什么字符被单击:

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

但是我不知道如何得到那个字符的像素坐标

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

Library home: http://code.google.com/p/rangy/

一旦你得到像素位置使用范围,你可以动态地添加一个绝对定位的DIV(或重新定位现有的DIV)到这些坐标