キーコード確認(押したキーを一覧表示)
任意のキーを押すと、ブラウザのキーボードイベントの内容がそのまま表示されます。key の値、物理コード、従来の keyCode、location、押されている修飾キー、ロックキー、リピートフラグです。Web 開発、キー割り当て、正体のわからないキーの特定に役立ちます。
任意のキーを押してください。Tab、スペース、ファンクションキー、ショートカットも確認するには、完全キャプチャを開始してください(終了は Esc を2回または停止ボタン)。
event.key- —
event.code- —
event.keyCode- —
event.location- —
修飾キー- —
オンのロックキー- —
event.repeat- —
event.keyCode と event.which は非推奨ですが、ブラウザは現在も報告します。物理キーには event.code、入力される文字には event.key を使ってください。
イベントログ(直近80件)
| type | key | code | keyCode | location | repeat | 修飾キー |
|---|
キーコード確認ツールの使い方
- 任意のキーを押します。大きな枠に key の値が表示され、その横に
event.key、event.code、event.keyCode、event.location、押されている修飾キー、オンになっているロックキー、event.repeatが表示されます。 - Tab、スペース、ファンクションキー、多くのショートカットなど、通常はブラウザ自身が使うキーも確認するには完全キャプチャを開始を押します。終了するには Esc をすばやく2回押すか、停止を押します。
- イベントログを開くと、直近80件の
keydownとkeyupイベントを順番に確認できます。キーの組み合わせを調べるときなどに使えます。 - 最後のイベントをコピー(JSON)を押すと、値をバグ報告やコードに貼り付けられます。ログをクリアで一覧を空にします。
各値の意味
key:キー配列と修飾キーを反映した後に入力される文字、またはキーの名前です。Shift+2 は、US 配列では"@"、英国(UK)配列や日本の JIS 配列では'"'になります。code:物理的なキーです。US QWERTY キーボード上の位置にちなんだ名前が付いています。フランス語の AZERTY キーボードでは、A と書かれたキーがKeyQを報告します。ゲームの操作や、位置に結び付いたショートカットに使います。keyCode(JSON ではwhichも):非推奨ですが、現在も報告される従来の数値です。キー配列やブラウザによって異なるため、新しいコードではkeyかcodeを使ってください。location:0 は標準、1 は左、2 は右、3 はテンキーです。左右の Shift、Ctrl、Alt、Meta や、テンキーと上段の数字を区別できます。- 修飾キーとロックキー:イベント時に押されていた Control、Shift、Alt、Meta と、Caps Lock、Num Lock、Scroll Lock がオンかどうかです。
getModifierState()の報告に基づきます。 repeat:キーを押し続けている間に自動で繰り返されたイベントははいになります。
よくある意外な結果
Dead:多くの海外キー配列のアクセント記号キーは、次のキーを押すまで文字を生成しないため、keyがDeadになります。Processまたは keyCode 229:日本語や中国語の IME(入力システム)や一部のスマホのキーボードが文字を変換中で、実際のキーが隠されています。- Windows の AltGr は通常 Control と Alt の組み合わせとして届くため、2つのイベントと両方の修飾キーが表示されることがあります。
- Mac の Command キー:Command を押している間、ブラウザはほかのキーを離した操作を通知しません。
codeが空、またはUnidentified:キーボード、ドライバー、リモートセッションが物理キーの情報を送っていません。Fn キーはキーボード内部で処理されるため、まったく表示されません。
制限
このページに表示されるのは、OS とキー配列による処理を経た後にブラウザが公開している情報です。生のスキャンコードや USB HID のデータは表示できず、OS が先に受け取るキー(Ctrl+Alt+Del など)も確認できません。キーの変更や再割り当ても行いません。キーボードの遅延やポーリングレートも測定しません。キーボードのすべてのキーが動作するか確認するにはキーボードテストを、複数キーの同時押しには同時押しテストを使ってください。
よくある質問
key と code の違いは何ですか?
code は物理的なキーの位置を表し、キー配列が変わっても同じです。key は、その時点のキー配列と修飾キーで実際に入力される内容で、たとえば a、A、@ などです。
keyCode はまだ使っても大丈夫ですか?
ブラウザは現在も報告しますが、非推奨で、キー配列やブラウザによって値が一定しません。文字には event.key、物理的な位置には event.code を使ってください。
入力した内容はどこかに送信されますか?
いいえ。イベントはこのページ上に表示されるだけで、タブを閉じると消えます。JSON をコピーした場合も、ご自身のクリップボードに入るだけです。
関連するテスト
- キーボードテストすべてのキーを押して反応を確認できます。ANSI・ISO・Mac 配列に対応しています。
- 同時押しテスト複数のキーを同時に押して、キーボードがどの組み合わせまで認識できるかを確認できます。
- チャタリングテスト2回入力されるキーを見つけます。入力ごとに時間を計り、指では不可能な速さの連続入力を検出します。
- テンキーテストテンキーのすべてのキーを押して反応を確認できます。Num Lock の状態も表示します。
- Mac キーボードテストMac のキー名で表示するキーボードテスト。MacBook のキーボードと Magic Keyboard に対応しています。
- スペースキー連打5~60秒でスペースキーを何回押せるか計測します。押しっぱなしはカウントされません。
- Chromebook キーボードテストChromebook の配列で表示するキーボードテスト。検索キー、最上段のキー、矢印キーを確認できます。