在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