創建輸入自動完成功能非常實用的腳本：At.js

At.js - 非常實用的腳本用于創建輸入自動完成功能 (使用 Emojify 的示例).

$('.atwho-inputor').atwho({
  at: "@", data: ["one", "two", "three"],
});

還有一個庫叫Typehead來自推ter也實現了同樣功能。

特性

• Support IE 7+ for textarea.
• Supports HTML5 contentEditable elements (NOT include IE 8)
• Can listen to any character and not just '@'. Can set up multiple listeners for different characters with different behavior and data
• Listener events can be bound to multiple inputors.
• Format returned data using templates
• Keyboard controls in addition to mouse

  • Tab or Enter keys select the value
  • Up and Down navigate between values (and Ctrl-P and Ctrl-N also)
  • Right and left will re-search the keyword.
  </ul> </li>
  • Custom data handlers and template renderers using a group of configurable callbacks
  • Supports AMD
  </ul>

  
   

  項目主頁：http://www.baiduhome.net/lib/view/home/1416822141827