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

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

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

您可能感兴趣的相关文章

• 真是好东西！13种非常动感的页面加载动画效果
• 你见过吗？9款超炫的复选框（Checkbox）效果
• 超赞！基于 Bootstrap 的响应式的后台管理模板
• Magic CSS3 – 帮助你实现神奇的交互动画效果
• 创意无限！一组网页边栏过渡动画【附源码下载】

 

 

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

复制代码<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>

1
2
3
4
5
<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'] })

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

　　

立即下载      在线演示

 

本文链接：At.js – 用于 Web 应用程序的自动完成库

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源