一个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,自动完成
0
投稿

猜你喜欢

  • 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
  • 动态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
  • 教你用压缩技术给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
  • 如何从ASP连接到Oracle Server?

    2009-11-15 19:52:00
  • 用Dreamweaver MX制作导航下拉菜单

    2009-05-29 18:37:00
  • Refactoring HTML 书评

    2008-07-10 12:00:00
  • Coda 前端开发插件 F2E Tools

    2009-09-22 14:53:00
  • 全面阐述overflow:hidden属性

    2008-08-18 13:30:00
  • 最令人蛋疼的10种用户体验设计师

    2011-08-05 18:51:07
  • asp之家 网络编程 m.aspxhome.com