JS技术

javascript自动补全插件,输入提示_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 17:10 我要评论( )

javascript自动补全插件,输入提示,学习javascript自动补全插件,输入提示,javascript自动补全插件,输入提示,查看javascript自动补全插件,输入提示,自动完成au

自动完成autoComplete
  检测当键盘up键被按下的时候,遍历结果数据,判断是否被选中,如果没有被选中,则选中最后一个,如果有被选中的元素,则选择上一个元素并赋值给input,如果选中的元素是第一个孩子节点则跳到最后一个选中,如果弹出层没有显示则执行插入操作,并显示弹出层,down键被按下,原理同up键,如果按下的键既不是up又不是down那么直接去匹配数据并插入,这个延迟处理是因为如果失去焦点的时候是点击选中数据的时候会发现先无法触发点击事件。对弹出层li元素绑定采用onmouseover,在li元素还没有加载的时候就绑定这个方法,通过判断target是否是li元素进行处理,也没有写addClass方法,直接赋值了

    [ 提示:你可先修改部分代码,再按Ctrl+A 全部选择 ]

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评