キーコード確認(押したキーを一覧表示)

任意のキーを押すと、ブラウザのキーボードイベントの内容がそのまま表示されます。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件)
typekeycodekeyCodelocationrepeat修飾キー

キーコード確認ツールの使い方

  1. 任意のキーを押します。大きな枠に key の値が表示され、その横に event.key、event.code、event.keyCode、event.location、押されている修飾キー、オンになっているロックキー、event.repeat が表示されます。
  2. Tab、スペース、ファンクションキー、多くのショートカットなど、通常はブラウザ自身が使うキーも確認するには完全キャプチャを開始を押します。終了するには Esc をすばやく2回押すか、停止を押します。
  3. イベントログを開くと、直近80件の keydown と keyup イベントを順番に確認できます。キーの組み合わせを調べるときなどに使えます。
  4. 最後のイベントをコピー(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 をコピーした場合も、ご自身のクリップボードに入るだけです。

関連するテスト

ガイド