搜索:
首页 >> JavaScript >> Js高级编程 >> 一个js自动完成功能源码

一个js自动完成功能源码

2011-6-6 作者:Hovdrew asp之家 投递文章
谢谢icedblog提供的代码, 从那个js中我参考了moveSelect的利用, 不过那个代码中有几个BUG, 比如按住鼠标不放会不见显示层, 而且不会选择上, 还有就是IE下没作用; 另外我还参考了一下Google Suggest中的onkeydown和onkeypress, 现在提供Build 0003来给大家测试.
修正:

  • 在IE下按回车无法选择
  • 当用键盘选择之后, 再用鼠标不会恢复用键盘选择过的.

更新:

  • 按住上下键可以继续滚动
  • 不管用鼠标还是键盘选择了以后, 在用另外一个设备选择会取消被第一个设备选择过的.

源码:

[提示:你可先修改部分代码,再按运行]

r = reset (恢复到开始状态)
sO = showOption (显示y列表)
fT = findText (把符合的放到y列表中)
cP = correctPosition (用来兼容IE和FF的位置)
mS = moveSelect (用来移动键盘选择)
kR = keyResponse (敲击键盘后产生的反应)
p = position (用来调整显示层的位置)
kD = keyDown (按住一个键的反应)
kU = keyUp (松开一个键的反应)
a = 输入框
b = 自动完成的显示层
sO 里的 v = value
sO 里的 c = 每个公司层
cP 里的 d = distance
全部的 e = event
kR 里的 k = key
f = 键盘选择的层
cP 里的 o = object
cP 里的 a = attribute
mS 里的 s = step
全部的 p, q, r = 暂时用来循环使用的
fT 里的 y = 根据输入在输入框里的返回出的公司列表
z = 公司列表

Tags:Suggest  自动完成 
相关文章
手机版 Js高级编程 Asp之家 Aspxhome.com
闽ICP备06017341号