JavaScriptでキーイベントを処理する方法

2024-02-10 01:18 JavaScript キーボードイベント キーコード

以下に、キーボードイベントを処理するためのシンプルで簡単な方法とコード例をいくつか示します。

  1. キーコードを使用する方法: キーボードイベントには、押されたキーのキーコードが含まれています。キーコードは、キーボード上の各キーに固有の数値です。以下のコード例は、キーコードを使用して特定のキーが押されたときに処理を実行する方法を示しています。
document.addEventListener("keydown", function(event) {
  if (event.keyCode === 13) {
    // Enterキーが押された場合の処理
    // ここに実行したいコードを記述する
  }
});
  1. イベントリスナーを使用する方法: イベントリスナーを使用すると、特定のイベントが発生したときに実行する関数を指定できます。以下のコード例は、特定のキーが押されたときに処理を実行する方法を示しています。
document.addEventListener("keydown", function(event) {
  if (event.key === "Escape") {
    // Escapeキーが押された場合の処理
    // ここに実行したいコードを記述する
  }
});

これらはキーボードイベントを処理するための基本的な方法です。さらに詳細なキーボードイベントの処理や、他のキーに対する処理方法については、公式のJavaScriptドキュメントやチュートリアルを参照してください。