一个js自动完成功能源码
作者:Hovdrew 时间:2011-06-06 07:42:00
谢谢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 = 公司列表
标签:Suggest,自动完成
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
asp用正则过滤html标签
2008-01-19 16:34:00
asp中怎么输出双引号?
2008-01-31 13:30:00
SQL学习笔记七函数 数字,日期,类型转换,空值处理,case
2011-09-30 11:48:25
数据库复制性能测试 推送模式性能测试
2012-07-11 16:13:52
![](https://img.aspxhome.com/file/UploadPic/20127/11/2012711161752252s.jpg)
动态SQL中返回数值的实现代码
2012-01-05 18:53:54
解决IE6、IE7、Firefox兼容最简单的CSS Hack
2007-10-14 10:51:00
提高MySQL数据库查询效率的几个技巧
2009-01-19 12:52:00
HTML在线编辑器的实现难点
2010-06-26 12:58:00
FrontPage XP设计教程5——表单的设计
2008-10-11 12:35:00
![](https://img.aspxhome.com/file/UploadPic/200810/17/2008101712380183s.jpg)
教你用压缩技术给SQL Server备份文件瘦身
2009-03-05 14:59:00
如何跨浏览器使用连续字符的换行
2008-07-06 23:10:00
asp统计在线人数是实时的吗?
2010-07-14 21:07:00
Sql Server 2005数据库被标记为“可疑”问题
2009-12-15 10:50:00
“生活”设计
2009-03-03 12:14:00
![](https://img.aspxhome.com/file/UploadPic/20093/3/lifedesign_hole-89s.jpg)
如何从ASP连接到Oracle Server?
2009-11-15 19:52:00
用Dreamweaver MX制作导航下拉菜单
2009-05-29 18:37:00
![](https://img.aspxhome.com/file/UploadPic/20072/200723113222576s.jpg)
Refactoring HTML 书评
2008-07-10 12:00:00
Coda 前端开发插件 F2E Tools
2009-09-22 14:53:00
![](https://img.aspxhome.com/file/UploadPic/20099/22/coda-f2etools-66s.png)
全面阐述overflow:hidden属性
2008-08-18 13:30:00
最令人蛋疼的10种用户体验设计师
2011-08-05 18:51:07