国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery.autocomplete修改實現鍵盤上下鍵自動填充示例

2019-11-20 21:39:18
字體:
來源:轉載
供稿:網友
根據需求要實現通過鍵盤上下移動,獲得聯想菜單中的值,如同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);
},
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 连平县| 广德县| 平原县| 桃园市| 枝江市| 靖宇县| 砀山县| 阜阳市| 襄汾县| 徐闻县| 石林| 保康县| 耒阳市| 石棉县| 大同市| 随州市| 都安| 鸡西市| 阿拉尔市| 井陉县| 高清| 集安市| 潢川县| 湖南省| 中江县| 南投县| 苏尼特左旗| 府谷县| 陇川县| 阿图什市| 沂南县| 吉安市| 招远市| 华蓥市| 泽库县| 封丘县| 青龙| 南昌市| 富宁县| 临猗县| 瑞昌市|