So erkennst du die rechte eckige Klammer (])
document.addEventListener('keydown', (event) => {
if (event.key === "]") {
// Right bracket (]) was pressed
}
});Nutze 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.
Wie Browser die rechte eckige Klammer (]) behandeln
Auf vielen europäischen Tastaturlayouts braucht man für eckige Klammern AltGr, daher kann ein Shortcut auf ] dort schwer zu tippen sein.
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 die rechte eckige Klammer (])?
221. Er ist allerdings veraltet: Verwende im neuen Code event.key („] (oder } mit Shift)“) oder event.code (BracketRight).
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 erzeugt; 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 nicht für Tasten ausgelöst, die keine Zeichen erzeugen, etwa Escape oder die Pfeiltasten.