jqueryでキーボードイベントを使用する方法

今回は、jqueryでキーボードイベントを使用する方法と、jqueryでキーボードイベントを使用する際の注意事項

を紹介します。実際のケースを見てみましょう。

jQuery には、キーボード イベントを処理するための 3 つの 関数

があり、イベントが発生する順序に従って次のとおりです。 jQueryコード:

1. キーダウン();

2. キープレス();
キーダウン()

キーボードが押されたときに keydown イベントがトリガーされます。ブラウザのデフォルト イベントがトリガーされないようにするために、バインドされた関数で false を返すことができます。 キーアップ()

keyup イベントは、キーを離したときにトリガーされます。これは、キーボードを押して立ち上がった後のイベントです

。 キープレス()

keypress イベントは、キーがタップされたときにトリガーされます

。 実際、いくつかの jQuery イベント関数はそのようなパラメーターを渡すことができます: jQueryコード:

$('input').keydown(function(event){  
    alert(event.keyCode);  
});

上記のコードでは、event.keyCode は、押されたキーを取得するのに役立ちます。上、下、左、右のキー (それぞれ 38、40、37、39) などの ASCII コードを返します。 Ctrl+Enter を実装したい場合は、Ctrl+Enter でフォームを送信します

$(document).keypress(function(e) {  
   if (e.ctrlKey && e.which == 13)
   $("form").submit();  
}) ;

この記事の事例を読んだ後は、方法を習得したと思います。さらに興味深い情報については、 の他の関連記事に注目してください。 PHPの中国語サイトです！

推奨読書:

以上がjqueryでキーボードイベントを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。