キーコード調べ

キーを押すと、JavaScript の KeyboardEvent で受け取れる key・code・keyCode などをその場で表示します。ショートカットやゲーム操作の実装確認に。

a 例：「A」キーを押したとき。ここをクリック（またはTabで選択）してキーを押してください

event.key-

event.code-

event.keyCode-

event.which-

event.location-

repeat ／ isComposing-

ShiftCtrlAltMeta

判定のコード

キー名やコードで探す

キー	code	key	keyCode

key は入力される文字（Shiftで「A」、日本語配列とUS配列で記号が変わる）、code はキーボード上の物理的な位置です。ショートカットやゲーム操作は code、文字入力の判定は key を使うのが一般的です。
keyCode と which は非推奨（古いブラウザ向けの値）です。新しく書くコードでは key か code を使ってください。
日本語入力（IME）の変換中は isComposing が true になり、keyCode は 229 になります。Enterで送信する処理は、変換確定のEnterと区別するため e.isComposing を確認してください。
スマホのソフトウェアキーボードでは key が "Unidentified"、keyCode が 229 になることがあります。Ctrl+W など、ブラウザやOSが先に処理するキーは受け取れません。
押したキーはこのページの中だけで表示し、どこにも送信しません。

キーを押すと、JavaScript の KeyboardEvent で受け取れる key・code・keyCode・which・location・修飾キー・repeat・isComposing をその場で表示します。ショートカットやゲーム操作の実装で、どの値で判定すればよいかを確かめられます。

点線の枠をクリック（またはTabで選択）してから、調べたいキーを押します。枠の外でも、入力欄以外にフォーカスがあれば受け取ります。
event.key・event.code・event.keyCode・event.which・event.location（標準/左/右/テンキー）・repeat／isComposing と、Shift・Ctrl・Alt・Meta の状態を確認します。
「判定のコード」に出る if 文の「コピー」を押すと、e.code や e.key で判定するコードをコピーできます。
「直近の10キー」で押した順の履歴を見られます。「履歴を消す」は2回押すと消えます。
「よく使うコード表」の検索欄に Arrow・Enter・テンキー・F1 などを入れて、主なキーの code・key・keyCode を調べます。

key は入力される文字（Shiftや配列で変わる）、code は物理的なキーの位置です。ショートカットやゲーム操作は code、文字の判定は key を使うのが一般的です。keyCode と which は非推奨の値です。
日本語入力の変換中は isComposing が true、keyCode が 229 になります。スマホのソフトウェアキーボードでは key が "Unidentified" になることがあります。
Ctrl+W など、ブラウザやOSが先に処理するキーは受け取れないことがあります。枠の中では Tab と Ctrl/Command つきの操作以外は、ページのスクロールなどの既定の動作を止めています。
押したキーはこのページの中で表示するだけで、どこにも送信しません。

event.key と event.code の違いは？

key は入力される文字で、Shiftを押すと「a」が「A」になり、キーボード配列でも変わります。code は「KeyA」のように物理的な位置を表し、配列や Shift に左右されません。枠でキーを押すと両方を並べて確認できます。

keyCode はもう使わないほうがいいですか？

keyCode と which は非推奨で、IME変換中は229になるなど扱いにくい値です。新しいコードでは key か code を使ってください。このツールでは比較のために表示しています。

Enterで送信すると日本語の変換確定でも送信されてしまいます

変換確定のEnterでは isComposing が true になるので、e.key === "Enter" && !e.isComposing で判定します。Enterを押すと、そのコードが「判定のコード」に表示されコピーできます。

テンキーの数字と上段の数字は区別できますか？

code で区別できます。上段は Digit1、テンキーは Numpad1 で、location もテンキーは3になります。NumLock がオフのときテンキーは End などのキーとして届きます。