⌨️JavaScriptキーイベントコード確認
キーを押すとそのイベントのkey・code・keyCode・which属性を表示。
🔒 ブラウザ内処理✓ ウォーターマークなし✓ 登録不要
使い方
- 1ページで任意のキーを押します。
- 2イベント属性がリアルタイムで表示されます。
- 3Shift・Ctrl・Altとの組み合わせも確認できます。
よくある質問
keyとcodeの違いは?+
keyは入力結果(例: 'A', 'あ')、codeは物理的なキーの位置(例: 'KeyA')です。ショートカットには通常code(キー位置)が推奨されます。
なぜkeyCodeがdeprecatedなのですか?+
旧バージョンの標準で、キーボードレイアウトごとに値が異なる問題がありました。現在はkey・codeの使用が推奨されます。
日本語入力時のIMEはどうなりますか?+
日本語入力中はime-processの段階でkeyイベントが異なる形で発生します。compositionstart/endイベントで別途処理が必要です。
ショートカット(Ctrl+Sなど)の検証?+
ctrlKey、shiftKey、altKey、metaKey属性も一緒に確認してください。Macは通常metaKey(Cmd)、Windowsはctrlkeyです。
方向キー、Enter、Escapeは?+
keyが'ArrowUp'、'Enter'、'Escape'のような明確な名前で表示されます。
Functionキー(F1〜F12)は?+
keyが'F1'、'F2'のように表示されます。ブラウザがF1(ヘルプ)、F5(更新)などを横取りする場合があるので注意してください。