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

我正试图在网站上实现多行文本框。文本框应该在用户输入时提供一种自动完成功能。自动完成应该类似于ms visual studio中的'Intellisense'（见下面的截图），并在textcursor下方显示自动完成选项（包含“bar”和“foo_bar”的列表）。如何确定网站上文本的绝对位置？

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

我怎么知道在哪里定位自动补全选择（屏幕截图中包含“bar”和“foo_bar”的列表）？

什么html元素，文本编辑器，技术或插件可以帮助我将自动补全选择放在文本光标下方？

非常感谢

继 “智能感知” 怎么看起来像一个例子：

alt text

来源

2010-11-03 Enceradeira

可能重复http://stackoverflow.com/questions/2955244/html-selection-range-getting-the-range-starting-node-ending-node-distan – 2010-11-03 18:38:40

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

来源

2010-11-04 03:55:43

我试过了，它似乎适用于鼠标-events。但它似乎不适用于键盘事件。我发现一个网站已经实现了我想要做的事情（http://ajaxime.chasen.org/），他们使用一个相当复杂的解决方法来确定文本光标（插入符号）的位置。（请参阅http://markmail.org/message/p3ejuxjpebigvmro上的解释）。有没有更简单的方法来找出textcursor的位置？ – Enceradeira 2010-11-05 11:34:17

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

回答

相关问题