最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery.autocomplete修改实现键盘上下键自动填充示例_jquery

来源:懂视网 责编:小采 时间:2020-11-27 21:15:56
文档

jquery.autocomplete修改实现键盘上下键自动填充示例_jquery

jquery.autocomplete修改实现键盘上下键自动填充示例_jquery:根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同google baidu的查询功能。 在网上找了很久没有找到可以实现该功能的插件,无奈只能自己动手改代码。 找到js中的KEY.DOWN 和 KEY.UP执行代码 如下: 代码如下: case KEY.DOWN: ev
推荐度:
导读jquery.autocomplete修改实现键盘上下键自动填充示例_jquery:根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同google baidu的查询功能。 在网上找了很久没有找到可以实现该功能的插件,无奈只能自己动手改代码。 找到js中的KEY.DOWN 和 KEY.UP执行代码 如下: 代码如下: case KEY.DOWN: ev

根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同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);
},

文档

jquery.autocomplete修改实现键盘上下键自动填充示例_jquery

jquery.autocomplete修改实现键盘上下键自动填充示例_jquery:根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同google baidu的查询功能。 在网上找了很久没有找到可以实现该功能的插件,无奈只能自己动手改代码。 找到js中的KEY.DOWN 和 KEY.UP执行代码 如下: 代码如下: case KEY.DOWN: ev
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top