Semikolon (;) erkennen
document.addEventListener('keydown', (event) => {
if (event.key === ";") {
// Semicolon (;) was pressed
}
});Verwende event.key, um auf die Bedeutung der Taste zu reagieren (sie richtet sich nach dem Tastaturlayout), und event.code für die physische Position, zum Beispiel WASD in Spielen. keyCode und which sind veraltet: Sie funktionieren noch, aber ihre Werte unterscheiden sich zwischen Browsern und Layouts.
Wie Browser Semikolon (;) behandeln
Satzzeichen-Tasten wandern auf internationalen Tastaturen: Auf deutschen Tastaturen tippt diese Taste ein Ö. Verwende event.key für das getippte Zeichen und event.code nur für physische Positionen wie Spielsteuerungen.
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 Semikolon (;)?
186. Er ist allerdings veraltet. Verwende in neuem Code event.key („; (oder : mit Shift)“) oder event.code (Semicolon).
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.
Sollte ich keydown oder keypress verwenden?
keydown. Das Ereignis keypress ist veraltet und wird nicht für Tasten ausgelöst, die keine Zeichen erzeugen, etwa Escape oder die Pfeiltasten.