Chinaunix首页 | 论坛 | 博客
  • 博客访问: 308261
  • 博文数量: 128
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1611
  • 用 户 组: 普通用户
  • 注册时间: 2013-08-19 11:49
文章分类

全部博文(128)

文章存档

2018年(2)

2016年(2)

2014年(10)

2013年(114)

我的朋友

分类: Web开发

2013-11-20 09:44:46

根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同google baidu的查询功能,下面的代码是自己手写的,喜欢的朋友可以尝试操作下
根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同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);
},
阅读(551) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~