如何确定网站上文本光标的绝对位置？

Question

我正在尝试在网站上实现多行文本框。用户输入时，文本框应提供一种自动完成功能。自动完成应该与ms visual studio中的“Intellisense”类似（见下面的屏幕截图），并在textcursor下面显示自动完成选择（包含“bar”和“foo_bar”的列表）。

我已经开始使用简单的html textarea了。我找到了几个帮助我操作textarea的jQuery-Plugins，但仍然存在一个非常基本的问题。

如何知道自动填充选择的位置（屏幕截图中包含“bar”和“foo_bar”的列表）？

什么html元素，文本编辑器，技术或插件可以帮助我在文本光标下方定位自动完成选择？

非常感谢

JJ

以下是“intellisense”的示例：

Answer 1

JavaScript event.clientX和event.clientY函数将返回事件的坐标。将这些函数绑定到textarea中的onkeydown事件，以找出光标所在的位置。