ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery で Enter キーを含むキー押下を確実に検出するにはどうすればよいですか?

jQuery で Enter キーを含むキー押下を確実に検出するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-24 12:05:16
オリジナル
868 人が閲覧しました

How Can I Reliably Detect Keypresses, Including the Enter Key, in jQuery?

jQuery の Keypress イベントを理解する

jQuery で keypress イベントにバインドするときは、どのキーが押されたかを判断することが重要です。この知識により、キーストロークに基づいて特定のアクションを実行できるようになります。

キー押下情報へのアクセス

JavaScript では、keypress イベントは、押されたキーに関する情報を保持する 2 つのプロパティを提供します。 :

  • keyCode: を表す数値。キーボード上のキーの位置。
  • どれ: キーの Unicode 文字コードを表す数値。

たとえば、「ENTER」キーを押したときが押された場合、keyCode プロパティは通常 13 を返しますが、what プロパティは非 Unicode キーの場合は 13 を返し、Unicode の場合は Unicode 文字コードを返します。

最適なプロパティの選択

Unicode キーをトリガーしない「ENTER」キーの検出のみに興味がある場合は、次のいずれかを使用できます。 keyCode またはどのプロパティか。ただし、Unicode キーも処理する場合は、 what プロパティを使用することをお勧めします。

ブラウザのバリエーション

ブラウザが異なれば、キー検出に異なるプロパティを使用する場合があります。最新のブラウザは keyCode と what の両方をサポートしていますが、古いブラウザはいずれかのプロパティしかサポートしていない可能性があります。

ブラウザ間の互換性を確保するには、キープレス ハンドラで両方のプロパティを使用することを検討してください:

var code = e.keyCode || e.which;
if (code == 13) { // ENTER keycode
  // Perform action
}
ログイン後にコピー

このアプローチでは両方のプロパティをチェックし、ゼロ以外の値をコード変数に割り当てます。コードを「ENTER」キーコード (13) と比較することで、「ENTER」キーがいつ押されたかを効果的に判断できます。

以上がjQuery で Enter キーを含むキー押下を確実に検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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