如何確定網站上文本的絕對位置？

我正試圖在網站上實現多行文本框。文本框應該在用戶輸入時提供一種自動完成功能。自動完成應該類似於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

如何確定網站上文本的絕對位置？

回答

相關問題