时间:2021-05-26
根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同google baidu的查询功能。
在网上找了很久没有找到可以实现该功能的插件,无奈只能自己动手改代码。
找到js中的KEY.DOWN 和 KEY.UP执行代码
如下:
复制代码 代码如下:
case KEY.DOWN:
event.preventDefault();
if ( select.visible() ) {
select.next();
}
else {
onChange(0, true);
}
break;
在select.next();后加入
复制代码 代码如下:
var selected = select.selected();
var v = selected.result;
$input.val(v);
这样加好后,上下键时输入框里会有相应的值,但是联想键盘上的光标却不见了。
找到select.next(); 代码的定义
复制代码 代码如下:
next: function() {
moveSelect(1);
},
加入一个类似的方法
复制代码 代码如下:
stay: function() {
moveSelect(1);
},
然后
复制代码 代码如下:
case KEY.DOWN:
event.preventDefault();
if ( select.visible() ) {
select.next();
var selected = select.selected();
var v = selected.result;
$input.val(v);
select.stay();
}
else {
onChange(0, true);
}
break;
这样就可以了。
================================
非常感谢原作者,
加入一个类似的方法
复制代码 代码如下:
stay: function() {
moveSelect(1);
},后发现点击上下键,是隔行移动,所以改为:
stay: function() {
moveSelect(0);
},
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、jquery.autocomplete参考地址http://bassistance.de/jquery-plugins/jquery-plugin-auto
复制代码代码如下:jQuery.autocomplete=function(input,options){//Createalinktoselfvarme=th
首先来看一些效果图:这个是淘宝首页的搜索效果京东首页的搜索效果我修改的jQuery.AutoComplete实现的效果一、实现效果分析我要实现的效果就是和GOO
JS脚本引用复制代码代码如下:样式引用复制代码代码如下:@importurl("/scripts/Jquery.autocomplete/css/jquery.
javascriptinput输入框模糊提示功能的实现主要用到了jQuery.autocomplete函数,定义好一个数组就可以用这个功能了,很方便。$(fun