使用@触发自动完成功能

Question

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

Answer 1

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

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

Answer 2

为您找到两个答案：

1. 我认为这篇博文有你需要的东西： Triggered @mention Autocomplete like Facebook, Twitter and Google+
   Github回购：https://github.com/Hawkers/triggeredAutocomplete

2. 也是一个类似的问题：Twitter-style autocomplete in textarea

Answer 3

您可以使用http://complete-ly.appspot.com

轻松完成

只需覆盖onTextChanged函数，如下所示：

function onTextChange(text) {

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

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

Answer 4

我为此创建了一个Meteor包。 Meteor的数据模型允许使用自定义渲染列表进行快速多规则搜索。如果您没有将Meteor用于您的网络应用程序（我相信），那么很遗憾，您无法找到任何可用于自动完成的功能。

使用@自动填充用户，其中在线用户以绿色显示：

在同一行中，使用!使用元数据和引导程序图标自动填充其他内容：

分叉，拉动和改进：

  

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