キーコード確認ツール — keyCode, code, key プロパティ

keyCodeは非推奨の整数プロパティで、各キーに数値を割り当てます（例：「A」は65、Enterは13）。keyはその後継で、生成された文字（「a」または「A」）や名前付きキー文字列（「Enter」、「ArrowLeft」）を返します。新しいコードではkeyCodeの代わりにkeyまたはcodeを使うべきです。

codeはキーボードレイアウトや修飾キーの状態に関係なく、押された物理キーを識別します。「KeyA」は常にQWERTYキーボードの「A」の位置のキーを指します。ユーザーがAZERTYレイアウトに切り替えていても、そのキーが「Q」を生成していても同様です。ロケールに関係なく動作するキーボードショートカットにはcodeを使いましょう。

keyCodeはブラウザやOSによって値が一貫せず、同じキーで異なる値が返ることがあり、非ASCII文字の処理も不十分でした。W3C UIイベント仕様では、文字・名前付きキー用にkey、物理位置用にcodeを優先し、keyCodeを非推奨としました。keyCodeとwhichの両方が仕様でレガシーとしてマークされています。

locationは複数の位置に存在するキーを区別します。0=標準（メインエリア）、1=左側の修飾キー（例：左Shift）、2=右側の修飾キー（例：右Ctrl）、3=テンキーです。これにより、テンキーの5（code='Numpad5', location=3）と上段の5（code='Digit5', location=0）を区別できます。

keydownイベントを監視し、key/codeと修飾フラグの両方を確認します：`if (e.ctrlKey && e.key === 's') { e.preventDefault(); saveDocument(); }`。e.key === 's'とすることで、大文字・小文字の両方をキャッチできます（修飾キーの状態は文字キーのkey値を変えないため）。

charCodeはレガシーなkeypress イベントが返すプロパティで、入力された文字のUnicodeコードポイントを返していました（例：「A」は65）。keypressイベント自体とともに非推奨となっています。keydown/keyupイベントではcharCodeは常に0です。代わりにkeyやinputイベントのinputTypeを使用してください。

どちらのキーもkey='Enter'を生成しますが、codeが異なります。メインEnterキーはcode='Enter'でlocation=0、テンキーのEnterキーはcode='NumpadEnter'でlocation=3です。メインキーにはe.code === 'Enter'、テンキー版にはe.code === 'NumpadEnter'を確認してください。

MetaキーはWindowsキーボードのWindowsキー（⊞）、Macキーボードのコマンドキー（⌘）です。キーボードイベントでは、metaKeyというbooleanフラグで追跡され、単独で押された場合はkey='Meta'を返します。codeは「MetaLeft」または「MetaRight」のいずれかです。