日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

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

發布時間:2025/3/14 46 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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);
},

轉載于:https://www.cnblogs.com/web100/p/jquery-autocomplete.html

總結

以上是生活随笔為你收集整理的jquery.autocomplete修改 实现键盘上下键 自动填充的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。