At.js – 用於 Web 應用程式的自動完成庫
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'] })
相關文章
- 十步完成Web應用程式壓力測試Web
- 基於HT for Web的Web SCADA工控移動應用Web
- 基於HT for Web的Web SCADA移動工控應用Web
- Web應用程式Web
- 基於HTML5的移動Web應用HTMLWeb
- 在Autodesk應用程式商店釋出基於瀏覽器的Web應用程式瀏覽器Web
- Go Web 程式設計--應用資料庫GoWeb程式設計資料庫
- 關於 Web 應用的 Prerender 策略Web
- 如何應用於Web框架的搭建Web框架
- 為什麼移動Web應用程式很慢Web
- 開機自動啟動應用程式 ON LinuxLinux
- 關於WEB應用程式的列印元件開發初探 (轉)Web元件
- Web應用程式優化Web優化
- Web應用程式框架-CatharsisWeb框架
- 基於業務的Web應用框架 SimpleFrameworkWeb框架Framework
- 關於web應用的static變數Web變數
- 我怎樣用Node.js自動完成工作的Node.js
- 為什麼移動Web應用程式很慢(譯)Web
- 基於HTML5的移動Web應用——檔案操作HTMLWeb
- 基於HTML5的Web SCADA工控移動應用HTMLWeb
- 讓Symbian應用程式開機自動啟動
- 自帶打包工具打包Asp.Net Web應用程式ASP.NETWeb
- Go Web 程式設計入門--應用資料庫GoWeb程式設計資料庫
- Go Web 程式設計--超詳細的模板庫應用指南GoWeb程式設計
- 用Linux完成Oracle自動物理備份(轉)LinuxOracle
- 學用Java Web Start 部署應用程式 (轉)JavaWeb
- 禁止 Windows 98 自動執行應用程式(轉)Windows
- 怎樣在 PhpStorm 啟用 Laravel Resources 的自動完成PHPORMLaravel
- 備庫自動刪除已應用的歸檔日誌
- 怎樣用web程式自動跨瀏覽器複製Web瀏覽器
- 【Numpy應用】--對於圖片處理的機器學習庫的應用機器學習
- 基於HTML5的移動Web應用——Geolocation地理定位HTMLWeb
- 讓AutoCAD啟動時自動載入應用程式
- 用python進行應用程式自動化測試(uiautomation)PythonUI
- 使用 RFT 設計 Web 2.0 應用的 GUI 自動化測試框架WebGUI框架
- 使用 Dash 庫構建可互動的資料展示 Web 應用Web
- Web 和移動應用程式測試之間的區別Web
- Web應用Web