So erkennst du Minus (-)
document.addEventListener('keydown', (event) => {
if (event.key === "-") {
// Minus (-) was pressed
}
});Verwende event.key, um auf die Bedeutung der Taste zu reagieren (sie folgt dem Tastaturlayout), und event.code für ihre physische Position, zum Beispiel WASD in Spielen. keyCode und which sind veraltet: Sie funktionieren noch, aber ihre Werte unterscheiden sich je nach Browser und Layout.
So verhalten sich Browser bei Minus (-)
Firefox hat für diese Taste früher keyCode 173 gemeldet, ein weiterer Grund, event.key zu verwenden.
In React
<input onKeyDown={(e) => { if (e.key === "-") { /* … */ } }} />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
Was ist der keyCode für Minus (-)?
189. Er ist allerdings veraltet: Verwende in neuem Code event.key („- (oder _ mit Shift)“) oder event.code (Minus).
Was ist der Unterschied zwischen event.key und event.code?
event.key ist das Zeichen oder die Aktion, die die Taste mit dem aktuellen Layout auslöst; event.code ist die physische Tastenposition und auf jedem Layout gleich.
Soll ich keydown oder keypress verwenden?
keydown. Das keypress-Event ist veraltet und wird für Tasten, die keine Zeichen erzeugen, wie Escape oder die Pfeiltasten, nicht ausgelöst.