Ziffern aus beiden Reihen erkennen
document.addEventListener('keydown', (e) => {
if (/^[0-9]$/.test(e.key)) {
console.log('digit', Number(e.key)); // top row or numpad
}
});Auf französischen AZERTY-Tastaturen tippt die obere Reihe ohne Shift Symbole (&, é, " …), daher ist e.key dort keine Ziffer – ein weiterer Grund, e.key zu prüfen, statt Positionen vorauszusetzen.
JavaScript Keycode Finder
Drück eine beliebige Taste und sieh sofort alle Eigenschaften des Keyboard-Events, dazu ein kopierfertiges keydown-Snippet für Shortcuts.
Häufige Fragen
Wird event.key bei Zahlen groß oder klein geschrieben?
Buchstaben folgen Shift und Feststelltaste: event.key ist normalerweise „a“ und mit Shift „A“. event.code bleibt in beiden Fällen KeyA.
Ändern sich Key Codes mit dem Tastaturlayout?
event.key ändert sich mit dem Layout (auf einer französischen AZERTY-Tastatur tippt die A-Position ein Q); event.code benennt immer die physische Taste.
Sollte ich trotzdem keyCode verwenden?
Nein – es ist veraltet. Verwende event.key für Zeichen und event.code für Positionen.