JavaScriptで押されたキーを表示する方法


  1. キーボードイベントを監視する:

    document.addEventListener('keydown', function(event) {
     // キーが押された時の処理をここに記述します
    });
  2. キーコードを取得する: キーボードイベントのコールバック関数内で、event.keyCodeまたはevent.whichを使用して、押されたキーのキーコードを取得できます。以下は、キーコードを表示する例です。

    document.addEventListener('keydown', function(event) {
     var keyCode = event.keyCode || event.which;
     console.log('押されたキーのキーコード: ' + keyCode);
    });

    上記の例では、キーコードをコンソールに表示していますが、表示方法は必要に応じて変更できます。

  3. キーの表示名を取得する: キーコードを取得した後、event.keyを使用して、押されたキーの表示名(文字)を取得できます。以下は、キーの表示名を表示する例です。

    document.addEventListener('keydown', function(event) {
     var keyName = event.key;
     console.log('押されたキー: ' + keyName);
    });

    同様に、キーの表示名を他の方法で表示することもできます。

以上の方法を使用すると、JavaScriptで押されたキーを表示することができます。これにより、ユーザーの入力に応じてさまざまなアクションを実行することができます。