根據(jù)需求要實(shí)現(xiàn)通過(guò)鍵盤(pán)上下移動(dòng)，獲得聯(lián)想菜單中的值，如同google baidu的查詢(xún)功能。

在網(wǎng)上找了很久沒(méi)有找到可以實(shí)現(xiàn)該功能的插件，無(wú)奈只能自己動(dòng)手改代碼。
找到j(luò)s中的KEY.DOWN 和 KEY.UP執(zhí)行代碼
如下：
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);
這樣加好后，上下鍵時(shí)輸入框里會(huì)有相應(yīng)的值，但是聯(lián)想鍵盤(pán)上的光標(biāo)卻不見(jiàn)了。
找到select.next(); 代碼的定義
next: function() {
moveSelect(1);
},
加入一個(gè)類(lèi)似的方法
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;

這樣就可以了。

?

================================

非常感謝原作者，

加入一個(gè)類(lèi)似的方法
stay: function() {
moveSelect(1);
},后發(fā)現(xiàn)點(diǎn)擊上下鍵，是隔行移動(dòng)，所以改為：

stay: function() {
moveSelect(0);
},

轉(zhuǎn)載于:https://www.cnblogs.com/web100/p/jquery-autocomplete.html

總結(jié)

以上是生活随笔為你收集整理的jquery.autocomplete修改 实现键盘上下键 自动填充的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。