キーコード情報
キーを押して、最新の key と code、および旧式の数値コードなど、開発者がキーボード入力を理解するためのブラウザーイベント情報を表示します。
キーボードイベント検査
キーを押してください
パネルをクリックしてフォーカスし、任意のキーを押します。ページはイベントを読み取るだけで、送信や保存はしません。
パネルにフォーカスしてキーを押してください。
- キー（key）
- —
- 物理キーコード（code）
- —
- 旧式 keyCode
- —
- 旧式 which
- —
- 旧式 charCode
- —
- 位置
- —
- キーの繰り返し
- —
- 修飾キー
- —
使い方
使い方
- イベント領域にフォーカスし、修飾キー、ファンクションキー、矢印キー、文字キーなどを押します。
- 取得した key、code、数値コード、位置、繰り返し、修飾キーのフラグを確認します。
- 値をキーボードハンドラーに使い、別のキーを押して現在の結果を置き換えます。
key と code は異なる質問に答える
event.key はキーボード配列と修飾キーを適用した後の値や操作（A や ? など）です。event.code は KeyA や Slash などの物理キー位置で、通常は配列に左右されません。文字やコマンドには key、物理キーに基づくショートカットには code を使います。
互換性のため旧式の数値も表示
keyCode、which、charCode は非推奨のブラウザー属性です。古いアプリやデバッグでまだ見かけるため表示しています。新しいコードでは key、code、修飾キー属性を優先してください。
キー取得はこのブラウザー内
ページはイベントパネルにフォーカスがある間だけキーを監視します。パスワードを記録したり、キー入力をサーバーへ送信したり、履歴を保持したりしません。ブラウザーまたは OS のショートカットはページがイベントを受け取る前に処理されることがあります。
よくある質問
あわせて知りたいこと
key と code の違いは何ですか？
key は生成される文字または名前付き操作で、code は物理キー位置です。たとえば Shift + A では key A、code KeyA になります。
新しい JavaScript で keyCode を使うべきですか？
いいえ。keyCode、which、charCode は非推奨です。旧式の動作確認以外では key、code、修飾キー属性を優先してください。
ショートカットが表示されないのはなぜですか？
ブラウザー、OS、支援技術のショートカットが、ページがキーイベントを受け取る前に処理される場合があります。イベント領域にフォーカスし、ブラウザー予約キー以外を試してください。