如何使 jquery 自动完成功能适用于内容可编辑的 DIV 而不仅仅是 INPUT、TEXTAREA 字段答案

【问题标题】：How to make jquery autocomplete to work for a contenteditable DIV instead of just INPUT, TEXTAREA fields如何使 jquery 自动完成功能适用于内容可编辑的 DIV 而不仅仅是 INPUT、TEXTAREA 字段
【发布时间】：2010-02-03 05:52:14
【问题描述】：

http://docs.jquery.com/Plugins/Autocomplete 提供的 jquery 自动完成功能可以在 INPUT 字段或 TEXTAREA 字段上工作。我有一个用例通过将其属性设置为 contenteditable="true" 来使 DIV 元素充当 TEXTAREA。我可以使用自动完成器的 DIV 的 DOM 句柄来充当自动完成器的文本区域。目前，插件“原样”不适用于 DIV。我应该对插件进行哪些更改才能适用于上述所有元素？

【问题讨论】：

基本上，我正在尝试实现一个 facebook，例如当按下“@”键时自动提示联系人，然后是搜索字符串，该字符串将发送远程请求（并缓存请求以供后续使用以供同一处理程序使用） .我还想在文本框中呈现 html，因此更喜欢 contenteditable DIV 而不是 TEXTAREA。

标签： javascript jquery facebook jquery-plugins jquery-autocomplete

【解决方案2】：

页面上的标签很重要。如果你的 div 想表现得像一个 textarea，也许它应该是一个看起来像 div 的 textarea。您可以在单独的 div 中呈现您的 html 并将其放置在文本区域的顶部。

【讨论】：

我不同意将 div 置于 textarea 之上的行为会符合 OP 的要求。