開発者ツール

キーボードキーコード検索

任意のキーを押すと key、code、keyCode、which、location、修飾キーの状態をリアルタイムで表示します。フロントエンドでキーボードショートカットを設定する際に役立ちます。

KeyboardKeyCodeDevTools

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • ショートカット用の keyCode 値を調べる
  • ブラウザー間でイベントフィールドを比較する
  • キーボードハンドラーをデバッグする

使い方

  1. ツールページを開きます
  2. 調べたいキーを押します
  3. key、code、keyCode、修飾キーを読み取ります

入出力サンプル

キー

Ctrl+K

code

KeyK

FAQ

keyCode と code はなぜ異なりますか?

code は物理レイアウトを反映し、key は入力された文字を反映します。ショートカットでは両方が重要です。

コンボキーには対応していますか?

はい。Shift/Ctrl/Alt/Meta はメインキーと併せて表示されます。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

エスケープ可視化

タブ・改行などの不可視文字を可視化

利用可能

タブ、改行、BOM、ゼロ幅文字など、ブラウザ内でローカルに見えない文字を可視化できます。貼り付けやコピーのアーティファクトが解析を壊す際に役立ちます。

脱出 ビジュアライザー

ASCII テーブル

ASCII テーブル — オンライン文字揃えツール

利用可能

CSV、TSV、ターミナルからコピーしたテキストを、ブラウザ内で整列済みの ASCII または Markdown テーブルに変換します。全角・半角文字が混在する幅も考慮し、README、Slack、ログ出力に利用できます。

Table ASCII Markdown