キーボードテスト

物理キーを押して、ブラウザーが受け取るイベントを確認します。

KeyboardEvent データをブラウザー内で表示します。key は現在の配列に依存し、code は通常、物理的なキー位置を示します。

KeyboardEvent データをブラウザー内で表示します。key は現在の配列に依存し、code は通常、物理的なキー位置を示します。

最新のキーボードイベント

入力待ち
イベント
キー
コード
位置
リピート
IME 変換中
有効な修飾キーとロック

現在押されているキー

0

対応する keyup が届くまで一覧に残ります。フォーカスを失うと押下状態を消去します。

テスト済みのキーまたはコード 0

物理キー位置の表示

キャプチャーを開始して物理キーボードを押してください。表示は一般的な PC 配列で、実際の刻印と異なる場合があります。

キャプチャー停止中

キャプチャー中に Escape を押すと、そのキーを記録してモードを終了します。

このツールの機能

キーの押下と解放でブラウザーが報告する KeyboardEvent 値を表示します。

配列依存の key と物理位置を示す code を区別し、同時に押されているキーを追跡します。

使い方

  1. 「キーキャプチャーを開始」を選ぶか、キーボード領域をクリックします。
  2. 領域にフォーカスがある状態で、調べたい物理キーを押して離します。
  3. キー、コード、位置、リピート、IME 変換、修飾キーを比較します。
  4. Escape で終了するか、次のテスト前にリセットします。

実用例

  • 個々のキーがブラウザーイベントを発生させるか確認する。
  • 左右の修飾キーやテンキー版の違いを比較する。
  • Web 開発で配列、デッドキー、IME の挙動を調査する。
  • 同時イベントを観察し、ブラウザー上で実用的なロールオーバー確認を行う。

注意事項と制限

  • ページに届いたイベントだけを表示します。ブラウザーや OS がショートカットやメディアキーを先に処理する場合があります。
  • key は現在の配列で解釈された意味、code は通常、物理的なキー位置を表します。
  • IME、デッドキー、変換処理はイベントを変更・抑制する場合があり、ソフトウェアキーボードでは code が限定されます。
  • keyup がない原因はフォーカス喪失の場合もあるため、物理故障を断定できません。

よくある質問

key と code の違いは何ですか?

key は現在の配列で生成される文字や操作を表し、code は通常、物理的なキー位置を識別します。

キーやショートカットが表示されないのはなぜですか?

ブラウザー、OS、ファームウェア、別のアプリがページより先に取得することがあります。

物理的なキーの張り付きを確認できますか?

断定はできません。フォーカス中の keydown と keyup の欠落は見えますが、フォーカス喪失でも同じ状態になります。

確実な N キーロールオーバーテストですか?

いいえ。ブラウザーと OS が渡した同時イベントを表示するもので、認証されたハードウェア測定ではありません。

入力したキーは送信されますか?

いいえ。イベント値とテスト状態はブラウザー内だけで処理されます。