キーが実際に発行するコードを調べる

やりたいこと

キーボードショートカットを実装する時に、ブラウザが実際に何を受け取るかを確認したい。そのキーのcodeは配列に依らずKeyPか、中央のEnterとテンキーのEnterは区別されるか。キーを押して値を直接読みます。

key・code・locationの違い

event.keyは生成される文字で、配列やShiftで変わります（aとA）。event.codeは物理位置で、Qを打つAZERTYでもKeyAのままです。event.locationは左右の修飾キーやテンキーを区別します。

修飾キー表記の行は同時押しをまとめたもので、「Control+Shift+K」はショートカット判定でそのまま比較できる形です。

変わりうるもの

IMEの変換中の入力、OSのショートカット、一部のメディアキーはページに届きません。国際配列のデッドキーはkeyが「Dead」のイベントを出します。ブラウザ間でも値は異なりえます。実際の利用ブラウザで確かめてください。