web-dev-qa-db-ja.com

JavaScript KeyCodeとは何ですか?

JavaScriptで利用できるキーコードは何ですか?すべてのブラウザで同じでない場合は、各ブラウザのキーコードをリストしてください。

81
Web_Designer

@ pimvdbのアドバイス に従って、自分で作成しました:

http://daniel-hug.github.io/characters/

JavaScriptキーコードを持つ65536文字ごとに要素を生成するのに数秒かかるため、辛抱強く待ってください。

30
Web_Designer

keyCodeは、ASCII値とdifferentです。完全なkeyCodeリファレンスについては、 http://unixpapa.com/js/key.html を参照してください

たとえば、テンキーの数字には、ASCIIの小文字のアルファベットの先頭に対応するkeyCodes 96-105があります。これにより、数値入力の検証で問題が発生する可能性があります。

58
user736373

ゲームのコントロール構成UIにはこのようなものが必要だったので、標準のUSキーボードレイアウトキーコードのリストをコンパイルし、それぞれのキー名にマップしました。

コードのマップを含むフィドル->名前、およびその逆: http://jsfiddle.net/vWx8V/

他の主要なレイアウトをサポートする場合は、これらのマップを個別に対応するように変更する必要があります。

それは、キーボードを使用して入力できない(またはめったに)制御文字やその他の特別な値を含むキーコード値のリストを探していなかった場合で、keydown /の範囲外にある可能性がありますJavascriptのkeypress/keyupイベント。それらの多くは、null\0)のような制御文字または特殊文字であり、ほとんどの場合、それらは必要ありません。

フルキーボードのキーの数は、キーコード値の多くよりも少ないことに注意してください。

18
Nimphious

http://keycodes.atjayjo.com/

このアプリは最高です。基本的には、標準のUSキーボードで押されたキーコードをすぐに表示する仮想キーボードです。

8
jiminikiz
5
Casey

便利なリンクを次に示します。

2列目はkeyCodeで、html列は表示方法を示しています。テストできます here

3
user669677

このスニペットを実行すると、可能な答えが1つ表示されます。

document.write('<table>')
for (var i = 0; i < 250; i++) {
  document.write('<tr><td>' + i + '</td><td>' + String.fromCharCode(i) + '</td></tr>')
}
document.write('</table>')
td {
  border: solid 1px;
  padding: 1px 12px;
  text-align: right;
}
table {
  border-collapse: collapse;
}
* {
  font-family: monospace;
  font-size: 1.1em;
}
1
fiatjaf