ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery の Keypress イベントを使用してどのキーが押されたかを検出するにはどうすればよいですか?

jQuery の Keypress イベントを使用してどのキーが押されたかを検出するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-07 10:42:16
オリジナル
544 人が閲覧しました

How Can I Detect Which Key Was Pressed Using jQuery's Keypress Event?

jQuery を使用したキー押下の検出: 押されたキーの特定

JavaScript では、イベント ハンドラーに渡されるイベント オブジェクトはイベントに関する情報を提供します。押されたキーも含みます。 keypress イベントがトリガーされると、この情報を使用して、どのキーが押されたかを判断できます。

Using keyCode または

jQuery は、イベント オブジェクトで次の 2 つのプロパティを提供します。この情報を取得するために使用できます:

  • keyCode: Thisプロパティには、押されたキーの数値表現が含まれます。これは、ほとんどのブラウザでサポートされています。
  • どれ: このプロパティには、ブラウザに応じて数値表現または文字コードが含まれます。これは印刷可能な文字にのみ使用され、すべてのブラウザでサポートされているわけではありません。

Keypress Event Handler

keypress イベントを処理し、押されたキーを判断するには、要素のキー押下イベントにハンドラーをバインドできます。例:

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;

  if (code === 13) {
    // Handle ENTER keypress
  }
});
ログイン後にコピー

このコードでは、keyCode プロパティが最初にチェックされ、続いて keyCode をサポートしていないブラウザのフォールバックとしてどのプロパティがチェックされます。

の違いkeyCode と what

keyCode と what の違いは、主に特殊文字の処理にあります。 keyCode は通常、押された文字に関係なく数値を返しますが、印刷可能な文字の文字コードを返す場合もあります。

ただし、ブラウザによっては異なる場合があり、通常は両方のプロパティを確認してどちらかのプロパティにフォールバックすることをお勧めします。

結論

keyCode またはどのプロパティを使用するかは、利用可能なサポートに応じて異なります。イベント オブジェクトが keypress イベント ハンドラーに渡されると、どのキーが押されたかを判断し、それに応じて特定のアクションをトリガーできます。

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

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