使い方
- 灰色の領域をクリックして、フォーカスを合わせます。
- キーを1つずつ押します。キーは押している間点灯し、押したあとも色が残ります。
- Q、A、Wのように3つのキーを同時に押し、同時に押せた最大数と同時押しの確認を読みます。
- 表でevent.keyとevent.codeを確認します。最初からやり直すにはリセットを押します。
テストで分かること
event.codeは物理的なキーの位置を表します。Aの位置にあるキーは、どの配列でもKeyAで、キーボードの言語を変えても名前は変わりません。event.keyは、現在の配列でシステムが生成する文字や名前なので、言語を変えると変わります。
- event.code:物理的なキー。例:KeyA、Digit2
- event.key:キーが生成する文字。例:aまたはA(Shiftと配列によって変わります)
- 位置:キーがキーボードの左右、またはテンキーのどこにあるか
- 連続:キーを押し続けていて、システムが再び送っている場合は「はい」
図の配列
ANSI(米国)は、短いEnterキーと、右上のバックスラッシュキーがあります。ISOは縦長のEnterキーと、Zの左側の余分なキーがあります。トルコ語Qは、ISOの形にトルコ語の文字を入れたものです。ıは米国配列のIの位置にあり、ğはPの後ろ、üはĞの後ろ、şはLの後ろ、iはŞの後ろ、öはMの後ろ、çはÖの後ろにあります。
AZERTY(フランス語)は、ISOの形で文字の位置を動かしたものです。Aは米国配列のQの位置、ZはWの位置、QはAの位置、WはZの位置にあり、MはLの後ろにあります。数字はShiftを押して入力します。QWERTZ(ドイツ語)は、ISOの形でYとZを入れ替えたもので、ÜはPの後ろ、ÖはLの後ろ、ÄはÖの後ろ、ßは0の後ろにあります。ABNT2(ブラジル)は、ISOの形で、Lの後ろにÇ、1の左にアポストロフィのキー、右Shiftの隣に / と ? を入力する余分なキーがあります。キーの上に印字された文字は一般的な表示であり、お使いのキーボードのキャップとは違うことがあります。
日本語(JIS)は、Enterキーが縦長で、Zの左に余分なキーがない配列です。数字の行の左端には半角/全角のキー(図では半/全)があり、Backspaceの左に¥のキーがあります。Pの右に@と[、Lの右に;と:、その次に]があります。右Shiftの左にはろ(\)のキーがあり、スペースの両側には無変換、変換、かなのキーがあります。キーの上の文字は一般的な表示であり、お使いのキーボードの表示とは違うことがあります。
日本語のページは日本語(JIS)配列から始まります。メニューからANSI(米国)など、ほかの配列に切り替えられます。キーの位置とコードは配列にかかわらず同じです。
コードは配列が変わっても変わりません。コードは米国配列でのキーの位置を表すため、AZERTYでAと印字されたキーもコードはKeyQで、event.keyにAが表示されます。
同時押しとゴースティング
同時押しとは、キーボードが同時に報告できるキー操作の数です。フルロールオーバーに対応したキーボードは、押しているすべてのキーを報告します。安価なキーボードは、特定の組み合わせで複数のキーを押すと、キーを落とすことがあります。これをゴースティングといいます。確かめるには、Q、A、Wなど3つ以上のキーを同時に押し、すべてが点灯するかを見てください。
計算例:トルコ語Q配列のIキー
トルコ語Q配列では、米国配列のIの位置にあるキーがıを入力します。押すと event.code は KeyI、event.key は ı になります。Shiftを押すと event.key は I に変わります。キーの位置とコードは同じままで、変わるのは文字だけです。
よくある質問
このテストは、入力した内容を記録しますか?
いいえ。このページはテスト領域にフォーカスがあるときだけキー操作を読み取り、画面に表示します。テストをリセットするかページを離れると破棄され、サーバーへの送信も、ブラウザへの保存もしません。
キーが点灯しないのはなぜですか?
一部のキーは、ページが受け取る前にシステムやブラウザが使います。Ctrl+W、Alt+Tab、Windowsキーなどです。ほかのアプリでそのキーを押して、点灯すれば、ブラウザのページからは見えないキーです。
同時押しの確認は何を示しますか?
このテストの間に3つ以上のキーが同時に報告されたかを示します。角や長方形を作る3つのキーを押している間に、キーが点灯しなくなった場合は、キーボードにゴースティングがある可能性があります。
キーボードの言語を変えると、event.keyが変わるのはなぜですか?
event.keyは、現在の配列でシステムが生成する文字だからです。I の位置のキーは、トルコ語の配列では ı、英語の配列では i になります。event.codeは物理的なキーの名前なので変わりません。
スマートフォンでも、このテストはできますか?
あまりできません。画面のキーボードは、物理的なキーのコードを同じ方法では送らないためです。すべてのキーを確かめるには、物理キーボードのあるパソコンを使ってください。
出典
- W3C(英語): UI Events KeyboardEvent code values
- W3C(英語): UI Events KeyboardEvent key values
- MDN Web Docs(英語): KeyboardEvent
- Microsoft Learn(英語): French (Legacy, AZERTY) Keyboard
- Microsoft Learn(英語): German Keyboard
- Microsoft Learn(英語): Portuguese (Brazil ABNT2) Keyboard
- Keyboard Layout Info(英語): KBDBR shift states, the key next to right Shift
- Keyboard Layout Info(英語): JCUKEN(KBDRU)の一覧
- Keyboard Layout Info(英語): Arabic (101) の一覧
- Keyboard Layout Info(英語): Devanagari INSCRIPT の一覧
数値と文章の最終確認日:2026年11月12日木曜日。