So erkennst du F11
document.addEventListener('keydown', (event) => {
if (event.key === "F11") {
// F11 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 zwar noch, aber ihre Werte unterscheiden sich zwischen Browsern und Layouts.
So behandeln Browser F11
F11 schaltet den Vollbildmodus des Browsers um und wird meist nicht an die Seite weitergegeben. Um per Button in den Vollbildmodus zu wechseln, nutze element.requestFullscreen().
In React
<input onKeyDown={(e) => { if (e.key === "F11") { /* … */ } }} />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
Wie lautet der keyCode für F11?
122. Er ist allerdings veraltet: Nutze in neuem Code event.key (“F11”) oder event.code (F11).
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.
Sollte ich keydown oder keypress verwenden?
keydown. Das keypress-Event ist veraltet und wird für Tasten, die kein Zeichen erzeugen, wie Escape oder die Pfeiltasten, nicht ausgelöst.