JQuery.atwho.js是一個文本輸入補全插件,可以在輸入框中快速進行文本補全功能。這個插件在開發中有很多用處,例如輸入郵件地址、用戶名等。
使用JQuery.atwho.js非常簡單,首先需要引入相關的文件,如下:
在HTML中添加一個輸入框:
<input id="input" type="text" />
接著,需要為輸入框綁定一個事件,如輸入事件input:
$('#input').atwho({
at: "@",
data: ['user1', 'user2', 'user3'],
limit: 5
});
這個事件將創建一個文本補全功能,該功能在輸入@字符后觸發,然后根據數據源進行補全。在以上示例中,數據源是一個簡單的數組,包含了'user1', 'user2', 'user3'三個值。同時,該補全功能限制一次最多顯示5個補全結果。
通過這個簡單示例,可以輕松地集成JQuery.atwho.js,并在文本輸入框中創建文本補全功能。
上一篇css 修復用的代碼