Einen Buchstaben erkennen
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});Der Vergleich mit e.key.toLowerCase() berücksichtigt Shift und Feststelltaste. Für Spielsteuerungen, die auf jedem Layout an derselben Stelle bleiben sollen, vergleichst du stattdessen e.code ("KeyW", "KeyA", "KeyS", "KeyD").
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
Ist event.key bei Buchstaben 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 Tastencodes mit dem Tastaturlayout?
event.key ändert sich mit dem Layout (auf einer französischen AZERTY-Tastatur tippt die Position A ein Q); event.code benennt immer die physische Taste.
Sollte ich keyCode noch verwenden?
Nein – es ist veraltet. Verwende event.key für Zeichen und event.code für Positionen.