-
キーボードイベントを監視する:
document.addEventListener('keydown', function(event) { // キーが押された時の処理をここに記述します });
-
キーコードを取得する: キーボードイベントのコールバック関数内で、
event.keyCode
またはevent.which
を使用して、押されたキーのキーコードを取得できます。以下は、キーコードを表示する例です。document.addEventListener('keydown', function(event) { var keyCode = event.keyCode || event.which; console.log('押されたキーのキーコード: ' + keyCode); });
上記の例では、キーコードをコンソールに表示していますが、表示方法は必要に応じて変更できます。
-
キーの表示名を取得する: キーコードを取得した後、
event.key
を使用して、押されたキーの表示名(文字)を取得できます。以下は、キーの表示名を表示する例です。document.addEventListener('keydown', function(event) { var keyName = event.key; console.log('押されたキー: ' + keyName); });
同様に、キーの表示名を他の方法で表示することもできます。
以上の方法を使用すると、JavaScriptで押されたキーを表示することができます。これにより、ユーザーの入力に応じてさまざまなアクションを実行することができます。