ホームページ  >  記事  >  ウェブフロントエンド  >  キーボードの上下キーの自動入力を実装するための jquery.autocomplete の変更 example_jquery

キーボードの上下キーの自動入力を実装するための jquery.autocomplete の変更 example_jquery

WBOY
WBOYオリジナル
2016-05-16 17:14:04985ブラウズ

要件に応じて、Google Baidu のクエリ機能と同様に、Lenovo メニューの値を取得するにはキーボードを上下に移動する必要があります。
ネットでずっと探していましたが、この機能を実現できるプラグインが見つからなかったので、自分でコードを変更するしかありませんでした。
次のように js
で KEY.DOWN および KEY.UP 実行コードを見つけます。

コードをコピーします コードは次のとおりです:

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

select の後に

コードをコピーしますvar selected = select.selected(); selected.result; $input.val(v);
これを追加すると、上下キーを押すと入力ボックスに対応する値が表示されますが、 Lenovo キーボードの が消えます。
select.next() を見つけます



コードをコピーします

コードは次のとおりです: next: function() { moveSelect(1);
同様のメソッドを追加します




コードをコピー


コードは次のとおりです。



コードをコピーします

コードは次のとおりです:
onChange(0, true); }
休憩;


以上です。

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

ありがとうございます元の作成者に

同様のメソッドを追加します




コードをコピーします


コードは次のとおりです:


stay: function() {
moveSelect(1);
} でしたが、後で上下キーをクリックするとインターレース行が移動することが判明したため、次のように変更されました。
stay: function() {
moveSelect(0) ; ;
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。