F1 erkennen
document.addEventListener('keydown', (event) => {
if (event.key === "F1") {
// F1 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.
Wie Browser F1 behandeln
Browser öffnen bei F1 auf manchen Systemen die Hilfe. Die Funktionstasten F1–F12 senden keyCode 112–123; auf Laptops braucht man oft Fn, und das Betriebssystem nutzt sie unter Umständen für Helligkeit oder Lautstärke.
In React
<input onKeyDown={(e) => { if (e.key === "F1") { /* … */ } }} />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 gehört zu F1?
112. Er ist allerdings veraltet: Verwende im neuen Code event.key („F1“) oder event.code (F1).
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 ist 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, zum Beispiel Escape oder die Pfeiltasten.