jquery.autocomplete修改实现键盘上下键自动填充示例
2023-06-13 09:15:12 时间
根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同googlebaidu的查询功能。
在网上找了很久没有找到可以实现该功能的插件,无奈只能自己动手改代码。
找到js中的KEY.DOWN和KEY.UP执行代码
如下:
复制代码代码如下:
在网上找了很久没有找到可以实现该功能的插件,无奈只能自己动手改代码。
找到js中的KEY.DOWN和KEY.UP执行代码
如下:
caseKEY.DOWN:
event.preventDefault();
if(select.visible()){
select.next();
}
else{
onChange(0,true);
}
break;
在select.next();后加入
varselected=select.selected();
varv=selected.result;
$input.val(v);
这样加好后,上下键时输入框里会有相应的值,但是联想键盘上的光标却不见了。
找到select.next();代码的定义
next:function(){
moveSelect(1);
},
加入一个类似的方法
stay:function(){
moveSelect(1);
},
然后
caseKEY.DOWN:
event.preventDefault();
if(select.visible()){
select.next();
varselected=select.selected();
varv=selected.result;
$input.val(v);
select.stay();
}
else{
onChange(0,true);
}
break;
这样就可以了。
================================
非常感谢原作者,
加入一个类似的方法
stay:function(){
moveSelect(1);
},后发现点击上下键,是隔行移动,所以改为:
stay:function(){
moveSelect(0);
},
相关文章
- jquery等待特定元素加载再执行相关函数
- jQuery 自动补全详解编程语言
- jQuery 失去焦点时输入框为空时自动填写默认内容详解编程语言
- jQuery EasyUI实现关闭全部tabs详解编程语言
- jQuery标题的自动翻转实现代码
- jQuery扩展对input的一些操作方法
- jQuery中的常用事件总结
- Jquery从头学起第四讲jquery入门教程
- jquery异步循环获取功能实现代码
- 基于Jquery的文字自动截取(提供源代码)
- 基于jquery的代码显示区域自动拉长效果
- jQuery选择器项目实例分析及实现代码
- jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
- jQuery之自动完成组件的深入解析
- Jquery封装tab自动切换效果的具体实现
- Jquery实现图片左右自动滚动示例
- jquery按回车提交数据的代码示例
- JQuery实现绚丽的横向下拉菜单
- jquery创建表格(自动增加表格)代码分享
- 分享2个jQuery插件--jquery.fileupload与artdialog