createSelect()関数では、オブジェクトを返し、このオブジェクトの2つのメソッドは次()です
Prev()で呼び出されたMoveSelect()は、関数を正しく指すことができます。
MoveSelect()関数は外側に配置されます。
コードコピーは次のとおりです。
/*キーボードの操作と問題に推奨される選択肢*/
var Curdo = null;
var select = createSelect();
$( '#keywords')。keyup(function(e){
var theEvent = e || window.event;
code = theevent.keycode? theEvent.keycode :( theEvent.Which?theEvent.Which:theEvent.Charcode)
var key = {
UP:38、
ダウン:40、
del:46、
タブ:9、
返品:13、
ESC:27、
バックスペース:8、
左:37、
右:39
};
cleartimeout(curdo); //キーボードがポップアップすると、時限Ajaxデータ取得操作がキャンセルされるはずです。
switch(code){
case key.up:
select.next();
壊す;
case key.down:
select.prev();
壊す;
case key.return:
$( '。提案ホバー')。トリガー( 'クリック');
壊す;
ケースkey.left:
壊す;
case key.right:
壊す;
デフォルト:
curdo = setimeout(getsuggest()、300);
壊す;
}
});
/*選択操作を提案*/
function createSelect(){
varクラス= {
アクティブ:「提案ホーバー」
};
関数MovesElect(step){
var listitems = $( '。suggent-results li');
//ホバーの現在のステップ数
var Active;
Active = $( '。'+classes.active).index();
listitems.eq(active).removeclass(class.active);
Active += step;
if(active <0){
active = listitems.size() - 1;
} else if(active> = listitems.size()){
Active = 0;
}
var ActiveItem = listitems.eq(active).addclass(classs.active);
};
戻る {
次:function(){
MoveSelect(-1);
}、
prev:function(){
MoveSelect(1);
}
};
};
上記は、この記事で共有されるすべてのコンテンツです。気に入っていただければ幸いです