Как определить абсолютную позицию текстового курсора на сайте? - PullRequest
2 голосов
/ 03 ноября 2010

Я пытаюсь реализовать многострочное текстовое поле на веб-сайте. Текстовое поле должно предлагать своего рода автозаполнение, пока пользователь печатает. Автозаполнение должно работать подобно тому, что известно как «Intellisense» в MS Visual Studio (см. Скриншот ниже), и отображать выбор автозаполнения (список, содержащий «bar» и «foo_bar») чуть ниже текстового курсора.

Я начал с простой текстовой области HTML. Я нашел несколько jQuery-плагинов, которые помогают мне манипулировать текстовой областью, но остается одна очень простая проблема.

Как я могу узнать, где расположить выбор автозаполнения (список, содержащий "bar" и "foo_bar" на скриншоте)?

Какой html-элемент, текстовый редактор, метод или плагин могли бы помочь мне расположить выбор автозаполнения прямо под текстовым курсором?

Большое спасибо

JJ

Следуя примеру того, как выглядит "intellisense":

alt text

1 Ответ

1 голос
/ 04 ноября 2010

Функции JavaScript event.clientX и event.clientY будут возвращать координаты события.Свяжите эти функции с событием onkeydown в текстовой области, чтобы узнать, где находится курсор.

...