用js兑现输入提示（自动完成）
日期：2014-05-16 浏览次数：20337 次
用js实现输入提示（自动完成）
以前也写过一个jQuery的这种插件 ，但是很多地方根本不用jQuery，这个功能也有很多其它库支持，但是为了用这个功能而加载很多js插件，这样效率明显下降了很多，而且这个东西平时也很常用，所以一决心自己写了个相对比较独立的。
完成有以下功能：
- 输入字符会把以输入字符开头的提示出来。
- 支持上下方向键选择提示选项，支持循环
- 支持绑定一个数组提示，支持ajax传递输入框值请求数据。
- 支持多个选择的dom元素一块绑定数据实现输入提示。各dom元素也可以单独绑定自己的数据实现输入提示，互不影响。
- 支持中文。
????? 首先是js的核心部分，其各部分都有较详细的说明，代码如下：
001
|
;(
function
(window){
|
002
|
/* 插件开始 */
|
003
|
var
autoComplete=
function
(o){
|
004
|
????
var
handler=(
function
(){
|
005
|
????????
var
handler=
function
(e,o){
return
new
handler.prototype.init(e,o); };
/* 为每个选择的dom都创建一个相对应的对象，这样选择多个dom时可以很方便地使用 */
|
006
|
????????
handler.prototype={
|
007
|
????????????
e:
null
, o:
null
, timer:
null
, show:0, input:
null
, popup:
null
,
|
008
|
????????????
init:
function
(e,o){
/* 设置初始对象 */
|
009
|
????????????????
this
.e=e,
this
.o=o,
|
010
|
????????????????
|
