欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【jquery.autocomplete修改实现键盘上下键自动填充示例】,下面是详细的讲解!
jquery.autocomplete修改实现键盘上下键自动填充示例
根据需求要实现通过键盘上下移动,获得联想菜单中的值,如同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.autocomplete.js 如何设置 UP ,down 键选择...
答:很想帮到你,但是这代码,这注释让人看不懂啊 列表中的英文和中文不应该是同一个value值么,怎么就红色的不显示了 如果红色框的不需要,那就不用传过去呀 注意下 extraParams autocomplete.js有多种形式,你是否选对了你需要的形式呢 >>详细
相关问题:Jquery autocomplete ajax 实现自动补充内容
答://jsp autocomplete $(function(){ $( "#autocomplete" ).autocomplete({ minLength: 1,//最少输入1个字符才执行 source: 'autocomplete.action' }); }) body { font: 62.5% "Trebuchet MS", sans-serif; margin: 50px; } Autocomplete //struts... >>详细
相关问题:jquery autocomplete怎么实现的?
答:1、jquery.autocomplete详解 语法: autocomplete(urlor data, [options] ) 参数: url or data:数组或者url [options]:可选项,选项解释如下: 1) minChars (Number) 在触发autoComplete前用户至少需要输入的字符数,Default:1,如果设为0,... >>详细
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 【extjs】extjs每个组件要设置唯一的ID否则会出错
- 【bootstrap3】基于bootstrap3和jquery的分页插件
- 【hover】jQuery控制图片的hover效果(smartRollo
- 【div】div浮层 滚动条移动 位置保持不变的4种方
- 【Cookie】Cookie 小记
- 【arguments】JavaScript的arguments对象应用示例
- 【ECMAScript5】ECMAScript5中的对象存取器属性:
- 【function】JavaScript function 的 length 属性
- 【ExtJs】ExtJs动态生成treepanel的Json格式-tree
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
