jquery.autocomplete修改實現(xiàn)鍵盤上下鍵自動填充示例
更新時間：2013年11月19日 17:10:29 作者：
根據(jù)需求要實現(xiàn)通過鍵盤上下移動，獲得聯(lián)想菜單中的值，如同google baidu的查詢功能，下面的代碼是自己手寫的，喜歡的朋友可以嘗試操作下
根據(jù)需求要實現(xiàn)通過鍵盤上下移動，獲得聯(lián)想菜單中的值，如同google baidu的查詢功能。
在網(wǎng)上找了很久沒有找到可以實現(xiàn)該功能的插件，無奈只能自己動手改代碼。
找到js中的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);
這樣加好后，上下鍵時輸入框里會有相應的值，但是聯(lián)想鍵盤上的光標卻不見了。
找到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);
},后發(fā)現(xiàn)點擊上下鍵，是隔行移動，所以改為：
stay: function() {
moveSelect(0);
},
在網(wǎng)上找了很久沒有找到可以實現(xiàn)該功能的插件，無奈只能自己動手改代碼。
找到js中的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);
這樣加好后，上下鍵時輸入框里會有相應的值，但是聯(lián)想鍵盤上的光標卻不見了。
找到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);
},后發(fā)現(xiàn)點擊上下鍵，是隔行移動，所以改為：
stay: function() {
moveSelect(0);
},
相關文章
這篇文章主要介紹了jQuery實現(xiàn)常見的隱藏與展示列表效果,結(jié)合完整實例形式分析了jQuery事件響應及針對頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-06-06
jQuery實現(xiàn)級聯(lián)菜單效果(仿淘寶首頁菜單動畫)
今天我們就帶大家體會一下級聯(lián)菜單的顯示，只是實現(xiàn)了簡單的效果，不過大都原理是一樣的2014-04-04
這篇文章主要為大家詳細介紹了jQuery Masonry瀑布流布局神器的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
首頁有一個導航頁面要實現(xiàn)滾動效果，索性就仿造別人的效果自己做了一個，大體上還行，看起來還是比較流暢的,現(xiàn)滾動效果，腳本代碼如下，感興趣的朋友可以參考下2013-05-05
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)彈幕效果案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了用模版生成HTML的的框架jquery.tmpl使用詳解,需要的朋友可以參考下2015-01-01
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫了一個.原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個人并不建議這么做.2010-09-09
ff下JQuery無法監(jiān)聽input的keyup事件的解決方法
這篇文章主要介紹了ff下JQuery無法監(jiān)聽input的keyup事件的解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery創(chuàng)建插件的代碼分析，需要的朋友可以參考下。2011-04-04
風雲(yún)初次編寫插件，望高手指點，基于jquery的checkbox下拉框插件2010-06-06