Skip to content
Zoyku

キーコード確認

任意のキーを押すと event.key・event.code・旧 keyCode をリアルタイム表示。修飾キーの状態と直近10キーの履歴テーブルも付きます。

event.key
—
event.code
—
keyCode
—
修飾キーCtrlAltShiftMeta
直近10キー

キー入力を待っています…

任意のキーを押すと即座に表示されます。入力欄の選択は不要です。

このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。

使い方

  1. 1ページのどこかをクリックしてフォーカスを与え、任意のキーを押します。
  2. 23枚のカードで event.key・event.code・keyCode を読み、押されている Ctrl/Alt/Shift/Meta を確認します。
  3. 3「自動リピートを無視」を切り替えて長押しの連続発火を除外し、直近10キーの表で値を比較します。

キーコード確認

キーボード処理のバグは、KeyboardEvent が持つ3つの識別値の混同から起こりがちです。event.key は現在の状態で生成される文字(Shift 同時押しでは "a" が "A" に)、event.code はレイアウトに依存しない物理キー(KeyA)、keyCode は旧コードが今も参照する数値コードです。このページでキーを押すと3つの値が並んで即時表示され、押されている修飾キーも点灯します。

直近10キーの履歴テーブルも保持するので、押して忘れるのではなく複数キーの値を比較できます。ゲーム操作やショートカットの実装、keydown が二重に発火する原因の調査(リピート無視で長押しの連続発火を除外)に役立ちます。

よくある質問

同じキーで event.key と event.code が違うのはなぜですか?

event.key は現在のレイアウトと修飾キー状態で生成される文字("A"、"á"、"1")、event.code はレイアウト非依存の物理位置(KeyA、Digit1)です。ショートカットは原則 code で判定し、文字処理では key を読みます。

keyCode は非推奨ですか?

はい。旧式であり、13(Enter)や27(Esc)のような数値コードに分岐するレガシーコードとの互換のためだけに残されています。新規コードは event.key か event.code を使い、移行中の旧定数の確認にこのツールをどうぞ。

キーを押し続けると同じ値が繰り返し出るのは?

長押しで OS が repeat=true の keydown を連発するためです。「自動リピートを無視」を有効にすると初回のみ表示し、リピートイベントの受信を確認したい場合は無効のままにします。

結果は正確ですか?

計算は公式の定義(SI 換算係数・NIST 定数・ページ内に明示された計算式)に従い、実用上十分な有効数字で表示します。

スマホでも使えますか?

使えます。UI はタッチ対応のレスポンシブ設計で、読み込み後の計算はオフラインでも動作します。

このツールは無料ですか?

完全無料です。登録・課金・回数制限はなく、出力にウォーターマークも入りません。

ツールを埋め込む

1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。

<iframe src="https://zoyku.com/ja/tools/keycode-info?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — keycode-info" loading="lazy"></iframe>
100% ローカル処理