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

Question

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

我从一个简单的 html textarea 开始。我发现了几个 jQuery 插件可以帮助我操作文本区域，但仍然存在一个非常基本的问题。

我如何知道自动完成选择的位置(屏幕截图中包含“bar”和“foo_bar”的列表)？

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

非常感谢

张杰

以下是“智能感知”的示例:

Answer 1

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