麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery.autocomplete修改實現(xiàn)鍵盤上下鍵自動填充示例

2019-11-20 21:39:18
字體：大 中 小
供稿：網(wǎng)友
根據(jù)需求要實現(xiàn)通過鍵盤上下移動，獲得聯(lián)想菜單中的值，如同google baidu的查詢功能。
在網(wǎng)上找了很久沒有找到可以實現(xiàn)該功能的插件，無奈只能自己動手改代碼。
找到j(luò)s中的KEY.DOWN 和 KEY.UP執(zhí)行代碼
如下：
復(fù)制代碼 代碼如下:

case KEY.DOWN:
event.preventDefault();
if ( select.visible() ) {
select.next();
}
else {
onChange(0, true);
}
break;

在select.next();后加入
復(fù)制代碼 代碼如下:

var selected = select.selected();
var v = selected.result;
$input.val(v);

這樣加好后，上下鍵時輸入框里會有相應(yīng)的值，但是聯(lián)想鍵盤上的光標卻不見了。
找到select.next(); 代碼的定義
復(fù)制代碼 代碼如下:

next: function() {
moveSelect(1);
},

加入一個類似的方法
復(fù)制代碼 代碼如下:

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

然后
復(fù)制代碼 代碼如下:

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;

這樣就可以了。

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

非常感謝原作者，

加入一個類似的方法
復(fù)制代碼 代碼如下:

stay: function() {
moveSelect(1);
},后發(fā)現(xiàn)點擊上下鍵，是隔行移動，所以改為：

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 久久久久亚洲视频 | 国产孕妇孕交大片孕 | 正在播放91 | av在线播放电影 | 爱性久久久久久久 | 国产精品av久久久久久网址 | 国产激情网 | 在线亚洲综合 | 中文字幕在线免费看 | 男女羞羞视频在线观看免费 | 一道本不卡一区 | 视频一区 在线 | 国产色视频免费 | av日韩一区二区三区 | 毛片免费视频播放 | 在线观看中文字幕av | 精品国产一区二区三区在线观看 | 精品1| 黑人一级片 | 国产毛片在线高清视频 | 精品国产91久久久久久久 | 成熟女人特级毛片www免费 | 欧美福利视频一区二区三区 | 羞羞网站视频 | www.狠狠插.com | 久久激情国产 | 亚洲xxx在线观看 | 久久久一区二区精品 | 欧美综合在线观看 | 嫩草91在线 | 制服丝袜成人动漫 | 九九热精品视频在线 | 国产成人精品无人区一区 | 成人精品视频网站 | 日韩毛片免费观看 | 成人免费一区二区三区在线观看 | 日韩av在线资源 | 九九黄色 | 亚洲视频综合网 | 激情大乳女做爰办公室韩国 | 久久国产精品区 |