使用@触发自动完成答案

【问题标题】：Triggering Autocomplete with @使用@触发自动完成
【发布时间】：2012-10-02 16:13:20
【问题描述】：

我主要是后端开发人员。对javascript来说非常新。所以请原谅我的愚蠢问题，但是当用户在文本字段中键入“@”时，有没有办法触发自动完成。就像它在 twitter 上的表现一样。

【问题讨论】：

看看flipnotes.net/notes/note/6

标签： javascript

【解决方案1】：

如果您使用的是直接 javascript，请查看 onkeyup。如果您使用的是 jQuery，请尝试keyup。

从那里，您可以检查用户是否输入了“@”，然后自动完成。

【讨论】：

我希望我能将两者都标记为正确。另一篇文章较早发布，这就是为什么我将其标记为正确的原因。非常感谢您的回答:)

【解决方案2】：

给你两个答案：

我认为这篇博文有你所需要的： Triggered @mention Autocomplete like Facebook, Twitter and Google+
Github 仓库：https://github.com/Hawkers/triggeredAutocomplete
还有一个类似的问题：Twitter-style autocomplete in textarea

【讨论】：

【解决方案3】：

您可以使用http://complete-ly.appspot.com轻松做到这一点

只需像这样覆盖 onTextChange 函数：

function onTextChange(text) {

   if (text.lastIndexOf('@') == text.length-1) { // ends with...

       // set the options, possibly change the text...
   }
}

【讨论】：

【解决方案4】：

为此，我创建了一个Meteor 包。 Meteor 的数据模型允许使用自定义渲染列表进行快速多规则搜索。如果您没有将 Meteor 用于您的 Web 应用程序，（我相信）很遗憾，您不会发现任何用于自动完成的出色功能。

使用@自动完成用户，在线用户显示为绿色：

在同一行中，使用带有元数据和引导图标的 ! 自动完成其他内容：

分叉、拉取和改进：

https://github.com/mizzao/meteor-autocomplete

【讨论】：