So erkennst du Backquote (`)
document.addEventListener('keydown', (event) => {
if (event.key === "`") {
// Backquote (`) 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 zwischen Browsern und Layouts.
So behandeln Browser Backquote (`)
Oft wird sie genutzt, um in Spielen eine Konsole zu öffnen. Auf vielen internationalen Layouts ist sie eine Totetaste (event.key === "Dead"), die auf den nächsten Tastendruck wartet.
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
Welcher keyCode hat Backquote (`)?
192. Er ist allerdings veraltet: Verwende im neuen Code besser event.key („` (oder ~ mit Shift)“) oder event.code (Backquote).
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 keypress-Event ist veraltet und wird für Tasten, die keine Zeichen erzeugen, wie Escape oder die Pfeiltasten, nicht ausgelöst.