Получить позицию каретки в координатах X и Y в JavaScript

Question

Я пытаюсь найти текущую позицию каретки (мигающий |) в координатах x и y. У кого-нибудь есть способ сделать это? Я действительно не знаю, с чего начать.

Я знаю, что это возможно в javascript, так как для этого есть глючный плагин jQuery, но я хочу сделать это без jQuery.

Точнее говоря, меня интересует, как Google Instant отображает выбор # 1 серым цветом. Я планирую сделать это как для текстовых полей, так и для текстовых областей, извлекая позицию каретки (как я упоминал выше), а затем размещая текст с использованием абсолютного позиционирования. Если у кого-то есть лучший способ сделать это, дайте мне знать.

Спасибо!

Answer 1

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

Расположение поля ввода и элемента divдолжно быть тривиальным.Таким образом, вы можете сделать ярлык серым, и он даст тот же эффект.

Будет ли это работать?

РЕДАКТИРОВАТЬ: проверено, что делает Google Instant.У них есть два поля ввода, расположенные друг над другом, и предположение заполняется на фоне ввода

Answer 2

Вам необходимо следить за событиями перемещения мыши и получать координаты от перемещения.