一个js自动完成功能源码

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

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

标签：Suggest,自动完成

投稿

一个js自动完成功能源码

猜你喜欢

利用python打开摄像头及颜色检测方法

PyCharm安装配置Qt Designer+PyUIC图文教程

Java动态-代理实现AOP

IE6实现min-width

python字典值排序并取出前n个key值的方法

SQL0290N表空间状态问题：停顿的独占处理

mysql 表维护与改造代码分享

Python实现类似jQuery使用中的链式调用的示例

python实现批量监控网站

python数字图像处理之基本图形的绘制

Python中使用SAX解析xml实例

Python移动测试开发subprocess模块项目实战

使用setup.py安装python包和卸载python包的方法

不到20行代码用Python做一个智能聊天机器人

一文带你掌握Go语言中的文件读取操作

Python 图形界面框架TkInter之在源码中找pack方法

Python3.5实现的三级菜单功能示例

微信小程序有旋转动画效果的音乐组件实例代码

Asp测试网速代码(带进度条)

windows下python安装小白入门教程