ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryでキーボードイベントを使用する方法

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

php中世界最好的语言
リリース: 2018-04-19 14:44:13
オリジナル
1750 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート