ブラウザ間で JavaScript で押された文字キーを識別する方法

JavaScript で押された文字キーを識別する

純粋な Javascript を使用して、ブラウザ間互換性のある方法で押された文字キーを検出するには、次の手順:

解決策:

これを達成するには、使用するブラウザに応じて 2 つの方法を使用します:

1. インターネットExplorer: window.event オブジェクトが利用可能な場合は、イベント オブジェクトの keyCode プロパティを抽出します。
2. Netscape/Firefox/Opera: e.that プロパティが存在する場合、これを利用して文字キー コードを取得します。

コード例:

次のコード スニペットは実装を示しています:

<code class="javascript">function myKeyPress(e) {
  var keynum;

  if (window.event) { // IE
    keynum = e.keyCode;
  } else if (e.which) { // Netscape/Firefox/Opera
    keynum = e.which;
  }

  alert(String.fromCharCode(keynum));
}</code>

使用法:

このコードを使用するには、キー押下イベントをキャプチャできる入力フィールドと一緒に HTML ドキュメントに組み込みます:

<code class="html"><input type="text" onkeypress="return myKeyPress(event)" /></code>

文字キーが押されたとき入力フィールド内で、コード スニペットは myKeyPress 関数を実行し、文字キー コードを識別し、対応する文字をアラート ウィンドウに表示します。

以上がブラウザ間で JavaScript で押された文字キーを識別する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。