在textarea中设置div的位置符号位置？

Question

JSBin这里：http://jsbin.com/cusisidoja/1/edit?html,js,output

---

我想POC上下文菜单会弹出给出某些关键字在textarea元素的输入。这个想法是实现类似于IDE中代码完成下拉工作方式的功能。

我意识到这个项目的范围，所以关键字和菜单内容的细节现在并不重要。我想弄清楚的是如何在用户输入时定位插入位置。

---

于是后退一步，下破这个问题到其最根本的组成部分：

如何我可以得到的x而言，这是有意义的CSS样式y坐标一个文本插入符的位置？

我扔连同JSBin（我认为是）一个体面的外壳观看/更新div的范围时，文本textarea的改变：http://jsbin.com/cusisidoja/1/edit?html,js,output

我知道这是相距甚远我正在努力做什么，但尽可能给予我目前理解的东西。我也接受这样一种可能性：实现这一目标的唯一方法是通过外部库或使用jQuery，但我甚至不知道从哪里开始。

Answer 1

简单的答案是使用caret.js：http://ichord.github.io/Caret.js/

简单：

$('#inputor').caret('position'); 

完整的文档可以在Github上找到：

https://github.com/ichord/Caret.js