在div contentEditable中定位光標的偏移量（類似於G +中的提及）

我正在嘗試創建類似於Google+提及的內容，您將在其中使用+字符在用戶中添加用戶。您輸入+的那一刻，就會給您一個可供選擇的用戶列表。我已經看到了一些例子，主要是大量的插件，比我想要的要多得多。在div contentEditable中定位光標的偏移量（類似於G +中的提及）

所以這是我希望實現的功能：在CONTENTEDITABLE DIV

用戶

用戶類型輸入@字符

腳本檢測@ char和相對於容器認定偏移（以像素爲單位）

服務器端查詢完成並將JSON數據傳回客戶端

列表顯示剛下的@字符它被輸入使用的@字符

我找啊找，唯一的結果我最終是不是我要找的偏移。我通常以光標/插入符相對於文本的位置結束。

我不反對使用插件（希望極簡主義）。我正在使用jQuery 1.7。

謝謝克里斯

jquery.mentionsInput是很小的。

2013-12-17 21:34:57

太棒了。這是我正在尋找的。去嘗試一下，看看它是如何運作的。我會回報。 – user0000001

試過這個之後，它看起來這個插件有太多的依賴關係。我確實喜歡這個概念，它比我想要的更容易。看起來我最終會做的就是創建一個無關緊要的jQuery插件，它將實現相同的功能，我會在這裏發佈它。 – user0000001

它看起來只需要jQuery和Underscore.js。 jQuery是非常標準的，如果你還沒有使用Underscore，你會喜歡它！對於許多事物和相對較小的尺寸非常有用。但是請分享，如果你製作自己的插件！ –

回答