JavaScript キーコード一覧表 & キーイベントリファレンス

event.key は KeyboardEvent オブジェクトのプロパティで、現在のキーボードレイアウト・IME・修飾キーの状態を踏まえて、押されたキーを表す文字列を返します。印字可能な文字キーの場合は実際に入力される文字（"a"、"A"、"!"、スペースなら " "）を返します。印字不可能なキーの場合は UI Events 仕様で定義された名前（"Enter"、"Escape"、"ArrowUp"、"Tab"、"F5" など）を返します。event.key は非推奨となった event.keyCode・event.which の現代的な代替であり、ブラウザ・レイアウト・ロケールを越えて一貫した値を返すのが特長です。ショートカットや文字入力には event.key を使い、レイアウトに依存しない物理キー位置（WASD ゲームコントロールなど）が必要なときは event.code を使い分けてください。

event.keyはモディファイアやキーボードレイアウトを考慮した、キー押下に関連する文字や機能を返します（例：Shift+1を押すと"!"が返されます）。event.codeはレイアウトやモディファイアに関係なく、キーボード上の物理的なキーを識別します（例："Digit1"は"1"を入力しても"!"を入力しても常に同じ物理キーです）。

はい。event.keyCodeとevent.whichの両方がUI Events仕様で非推奨となっています。後方互換性のためにブラウザでサポートされ続けており、開発者が広く検索しています。新しいコードではevent.keyまたはevent.codeを使用してください。

特定のキーやキーの組み合わせは、ページに到達する前にOSやブラウザによってインターセプトされます。例えば、macOSのCmd+QはブラウザをQuitし、Ctrl+Wはタブを閉じます。Print ScreenもOSによってキャプチャされる場合があります。これらのイベントはWebアプリケーションで確実に検出することはできません。

event.locationはキーボード上のキーの位置を示します。値0（Standard）は一般的なキー、1（Left）と2（Right）は左右のShiftなど重複するキーを区別し、3（Numpad）はテンキーのキーを識別します。

もちろんです。このツールはブラウザのネイティブKeyboardEvent APIを使用してキーボードイベントをキャプチャし、event.key、event.code、event.keyCodeプロパティを読み取ります。すべてインメモリのクライアントサイド処理です。キー入力が記録されたり、サーバーに送信されたり、どこかに保存されることはありません。DevToolsのNetworkタブで確認できます。

ほとんどのユースケースではkeydownを使用してください。モディファイアやファンクションキーを含むすべてのキーで発火します。keypressイベントは非推奨で、最新のブラウザでは印字不可能なキーに対しては発火しません。keyupはキーが離されたことを特に知る必要がある場合にのみ使用してください。

レガシーのkeyCode値はキーボードレイアウトやOSによって異なる場合があり、非推奨となった理由の一つです。例えば、セミコロンキーはUSレイアウトとヨーロッパレイアウトで異なるコードを報告する場合があります。この不整合が、W3Cが最新のアプリケーションでevent.key（生成される文字用）またはevent.code（物理キー用）の使用を推奨する理由です。