JavaScript получить координаты страницы ближайшего нажатого символа

Question

У меня есть тег div с кучей текста в нем.

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

Я слушаю события onclick от div. Я хотел бы вставить фальшивый текстовый курсор везде, где пользователь нажимал в div. Я легко могу определить, с каким персонажем щелкнули:

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

Но я не знаю, как получить пиксельные координаты этого символа.

Answer 1

Ранги библиотека имеет функцию, которая делает именно это - найти положение выделения в пикселях. Посмотрите на эту демонстрацию: http://rangy.googlecode.com/svn/trunk/demos/position.html

Библиотека дома: http://code.google.com/p/rangy/

Как только вы получите положение пикселя с помощью ранги, вы можете динамически добавить абсолютно позиционированный DIV (или переместить существующий DIV) к этим координатам.