ブラウザのkeyCode一覧をハイライトするスクリプト Kittens flewby me

ブラウザのkeyCode一覧をハイライトするスクリプト

nyama++さんの各ブラウザのキーコード表[JavaScript]をベースに、キー押下で配色表示させてみた。

http://blog-imgs-43.fc2.com/a/h/o/ahodory/KeyDownPressUpKey.htm

ChromeはSafariと同等でいいのかな。まだ細かく確認してない。イベントのデフォルト動作をキャンセルするチェックボックスも効いているかどうか。

keypressイベントは、大文字小文字も区別できるし「c」キーは拾うけど「ctrl+c」は拾わないなど、入力文字としてのキーを判別することを想定されているようだからできれば使いたい。

けど、例えば「a」の97はkeydownイベントの「テンキー1(NumLockオン)」と重複したりと、注意が必要そう。

そういう違いをいちいち調べていたらいつのまにか時間が過ぎてクタクタになっててオシマイ、なんてのはぼくだけなんだろうか。

ちなみに一覧表はpreタグベタ書きでハイライトする箇所の検索は" "(スペース)+キーコード+|(パイプ文字)でやっている。