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

Question

我正在尝试在网站上实现一个多行文本框。文本框应该在用户键入时提供一种自动完成功能。自动补全的工作原理应该类似于ms visual studio中的“智能感知”(参见下面的截图)，并在文本光标下方显示自动补全选项(包含"bar“和”foo_bar“的列表)。

我从一个简单的html文本区域开始。我已经找到了几个jQuery-Plugins，它们可以帮助我操作文本区域，但仍然存在一个非常基本的问题。

我如何知道在哪里放置自动补全选项(屏幕截图中包含"bar“和"foo_bar”的列表)？

哪种html元素、文本编辑器、技术或插件可以帮助我将自动完成选择放置在文本光标的正下方？

非常感谢

JJ

下面是一个“智能感知”的例子：

​

​

Answer 1

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