At.js – 用於 Web 應用程式的自動完成庫

lhb25發表於2014-05-03

  At.js 是一個自動完成庫,用來實現自動完成提示,表情等,就像你在 Github 或 Twitter 上看到的一樣。它支援 HTML5 contentEditable 元素。你可以聽任何字元,而不僅僅是 '@' 符號,可為不同的字元設定多個監聽器以實現不同的行為和資料。

  監聽器事件可以繫結到多個 Inputors(輸入器) 。除了滑鼠之外還支援鍵盤控制。您可以用一組可配置的回撥來使用自定義資料處理程式和模板渲染。

  要整合到你的應用程式中,首先引入相關檔案:

<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']
})

立即下載      線上演示

相關文章