So erkennst du die Meta-Taste (Cmd / Windows-Taste)
document.addEventListener('keydown', (event) => {
if (event.key === 'Meta') {
// Meta (Cmd / Windows key) 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 gehen Browser mit der Meta-Taste um
Meta ist Cmd auf dem Mac und die Windows-Taste auf PCs. Prüf event.metaKey. Das Betriebssystem behält Windows-Tastenkürzel oft für sich. Firefox meldete für Cmd früher keyCode 224.
In React
<input onKeyDown={(e) => { if (e.key === 'Meta') { /* … */ } }} />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 Meta-Taste (Cmd / Windows-Taste)?
91. Er ist allerdings veraltet: Verwende im neuen Code event.key („Meta“) oder event.code (MetaLeft).
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.