位置：首页>> 网络编程>> JavaScript>> 一个js自动完成功能源码

一个js自动完成功能源码

作者：Hovdrew　　发布时间：2011-06-06 07:42:00　

标签：Suggest,自动完成

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

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

更新:

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

源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /><title>Codetrinis Test</title><style type="text/css"></style></head><body><form method="post" action=""><p><label for="test1">Test1:</label><input type="text" name="test1" id="test1" /></p><p><label for="test2">Test2</label><input type="text" name="test2" id="test2" /></p><input type="submit" name="button" id="button" value="Submit" /></form><script type="text/javascript"></script></body></html>

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 = 公司列表

投稿

一个js自动完成功能源码

猜你喜欢