At.js – 用于 Web 应用程序的自动完成库

At.js 是一个自动完成库,用来实现自动完成提示,表情等,就像你在 Github 或 Twitter 上看到的一样。它支持 HTML5 contentEditable 元素。你可以听任何字符,而不仅仅是 ‘@’ 符号,可为不同的字符设置多个监听器以实现不同的行为和数据。

监听器事件可以绑定到多个 Inputors(输入器) 。除了鼠标之外还支持键盘控制。您可以用一组可配置的回调来使用自定义数据处理程序和模板渲染。

At.js – 用于 Web 应用程序的自动完成库

 

要集成到你的应用程序中,首先引入相关文件:

<link href="css/jquery.atwho.css" rel="stylesheet">  <script src="http://code.jquery.com/jquery.js"></script>  <script src="js/jquery.caret.js"></script>  <script src="js/jquery.atwho.js"></script>

然后调用即可:

$('#inputor').atwho({      at: "@",      data:['Peter', 'Tom', 'Anne']  })

立即下载      在线演示

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏