web-dev-qa-db-de.com

Was sind die JavaScript KeyCodes?

Welche Schlüsselcodes gibt es für JavaScript? Wenn sie nicht für alle Browser gleich sind, listen Sie bitte die Schlüsselcodes für jeden Browser auf.

81
Web_Designer

Befolgte @ pimvdbs Rat und erstellte meine eigenen:

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

Seien Sie geduldig, denn es dauert einige Sekunden, bis für jedes der 65536 Zeichen, die einen JavaScript-Schlüsselcode haben, ein Element generiert ist.

30
Web_Designer

keyCodes weichen anders von den ASCII Werten ab. Eine vollständige keyCode-Referenz finden Sie unter http://unixpapa.com/js/key.html)

Nummernkreise haben beispielsweise die Tastencodes 96 - 105, die dem Beginn des Kleinbuchstabens in ASCII entsprechen. Dies kann zu Problemen bei der Validierung der numerischen Eingabe führen.

58
user736373

Ich brauchte so etwas für die Benutzeroberfläche einer Spielsteuerung, also stellte ich eine Liste mit den Standardtastencodes für das US-Tastaturlayout zusammen und ordnete sie den jeweiligen Tastennamen zu.

Hier ist eine Geige, die eine Karte für Code enthält -> Name und umgekehrt: http://jsfiddle.net/vWx8V/

Wenn Sie andere Tastenlayouts unterstützen möchten, müssen Sie diese Karten ändern, um sie separat zu berücksichtigen.

Dies gilt nicht, wenn Sie nach einer Liste von Schlüsselcode-Werten gesucht haben, die Steuerzeichen und andere Sonderwerte enthielten, die nicht (oder nur selten) über eine Tastatur eingegeben werden können und möglicherweise außerhalb des Bereichs von keydown liegen./keypress/keyup Ereignisse von Javascript. Viele von ihnen sind Steuerzeichen oder Sonderzeichen wie null (\0) und du wirst sie höchstwahrscheinlich nicht brauchen.

Beachten Sie, dass die Anzahl der Tasten auf einer vollständigen Tastatur geringer ist als die Anzahl der Schlüsselcode-Werte.

18
Nimphious

http://keycodes.atjayjo.com/

Diese App ist einfach super. Es handelt sich im Wesentlichen um eine virtuelle Tastatur, die Ihnen sofort den auf einer US-Standardtastatur eingegebenen Tastencode anzeigt.

8
jiminikiz
5
Casey

Hier sind einige nützliche Links:

Die 2. Spalte ist der keyCode und die HTML-Spalte zeigt, wie er angezeigt wird. Sie können es testen hier .

3
user669677

Eine mögliche Antwort erhalten Sie, wenn Sie dieses Snippet ausführen.

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