javascript - 在 JavaScript 中构建 IntelliSense/AutoComplete

Question

我目前维护着一个 Firefox 的附加组件，它为论坛网站添加了许多功能，该网站实现了自己的标记语言，类似于 stackoverflow 提供的“Markdown”。

我为这个附加组件构建了一个 IntelliSense 功能，它与 Visual Studio 类似，在文本区域中键入此标记时会弹出一个自动建议。示例:

http://members.lycos.co.uk/suffusion/namfox/faq-1.5/autocomplete-example-2-1.jpg

实现中最困难的事情是在文本区域中找到按键的 (x,y) 坐标，以便我可以在非常靠近它的地方弹出 IntelliSense 窗口。 JavaScript 中的按键事件不会公开这些坐标，因此我不得不解决这个问题。不幸的是，我只能找到一种跨浏览器兼容的方式来获取 y 坐标，而不是 x 坐标。此代码位于 here在 _getPopupPoint 函数中。

这适用于 Firefox，因为我使用 Mozilla 的一些 XPCOM 接口(interface)来获取坐标。因此，虽然这适用于 Firefox，但既然我想将我的附加组件移植到 Google Chrome，我找不到获取坐标的方法。

所以我要问的是双重的:(1) 有没有更好的方法来获取按键的 x 坐标？(2) 如果没有，我可以在 Google Chrome 插件的上下文中做些什么来获取相同的数据吗？

Answer 1

window.getSelection和相关的方法可能是你正在寻找的。您可以使用偏移量等函数计算插入符号的屏幕位置。