So erkennst du Print Screen
document.addEventListener('keydown', (event) => {
if (event.key === "PrintScreen") {
// Print Screen 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 Print Screen
Das Betriebssystem erstellt den Screenshot; die meisten Browser senden nur ein keyup-Ereignis oder gar nichts. Webseiten können Screenshots nicht blockieren.
In React
<input onKeyDown={(e) => { if (e.key === "PrintScreen") { /* … */ } }} />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 Print Screen?
44. Er ist allerdings veraltet: Verwende im neuen Code event.key („PrintScreen“) oder event.code (PrintScreen).
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 Position der Taste, die auf jedem Layout gleich ist.
Soll ich keydown oder keypress verwenden?
keydown. Das Ereignis keypress ist veraltet und wird bei Tasten, die kein Zeichen erzeugen, wie Escape oder die Pfeiltasten, nicht ausgelöst.