JQuery Tokenizing Autocomplete w/ trigger key

【问题标题】：JQuery Tokenizing Autocomplete w/ trigger keyJQuery Tokenizing Autocomplete w/ trigger key
【发布时间】：2011-09-28 06:19:34
【问题描述】：

是否有一个好的解决方案来创建文本字段输入，例如 Facebook 或 Google+ 状态更新和帖子，其中允许在“@”或“+”等某些触发键之后发生标记化自动完成？

似乎有几个很好的标记化自动完成插件，但我试图找到一种方法来调用自动完成，仅当密钥出现在术语之前，但让用户键入普通的非自动完成文本。

您似乎可以使用 bind 破解某些东西，但我对 JavaScript 还是很陌生，所以如果有一个更简单、更优雅的解决方案，我很想听听。

【问题讨论】：

【解决方案1】：

使用 jquery 不是很困难。首先设置一个类来识别你的输入框。例如：

<input type="text" class="autocomplete" name="the_name" />

然后，您可以简单地捕获 keyup 事件并检查您需要的密钥。例如，@ 符号的键码为 64

$(".autocomplete").keypress(function(e) {
    if (e.which == 64) {
        // your event handler
    }
});

您可以查看所有事件代码以及有关 .keypress() here 的更多信息。

您的事件处理程序可以使用jquery.ajax 函数向服务器请求数据以填充您的选择器。

如果你想在输入一些文本后自动完成，例如如果用户写了“@tyle”，你必须修改上面代码中的条件，得到最后写的单词，并检查它是否在开头有一个@ .

【讨论】：