JavaScript キーコード・イベント確認ツール (KeyCode Inspector)
キーボードのキーを押すと、JavaScriptの event.key、event.code、event.which / keyCode、修飾キーの状態をリアルタイムに確認・コピーできます。
クイックテスト:
-
キーボードのキーを押してください(ここをクリックしてフォーカス)
event.which / keyCode
-
Shift
Ctrl
Alt
Meta (Command / Windows)
keyCode の非推奨と現在の推奨仕様
- event.key: 入力された文字やキー名(例:
"Enter", "a", "Shift")。ユーザーの入力値そのものを判定する場合(IMEやキー配列依存)に推奨されます。
- event.code: 物理的なキーの位置(例:
"KeyA", "Enter", "Space")。ゲームの操作やショートカットキーなど、キーボードの物理配列に紐づく制御に最適です。
- keyCode / which: 多くの古いブラウザ・ライブラリで使われていましたが、現在はWeb標準仕様(W3C)において非推奨(Deprecated)となっています。新規開発では
event.key や event.code の利用が推奨されます。