ScreenOrientation: change-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2023 browserübergreifend verfügbar.
Das change-Ereignis der ScreenOrientation-Schnittstelle wird ausgelöst, wenn sich die Ausrichtung des Bildschirms geändert hat, beispielsweise wenn eine Person ihr Mobiltelefon dreht.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("change", (event) => { })
Alternativ können Sie ihn der Ereignisbehandlungs-Eigenschaft der Schnittstelle zuweisen:
js
onchange = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiel
Im folgenden Beispiel gibt der change-Callback den neuen Bildschirmausrichtungstyp und den neuen Winkel aus.
js
screen.orientation.addEventListener("change", (event) => {
const type = event.target.type;
const angle = event.target.angle;
console.log(`ScreenOrientation change: ${type}, ${angle} degrees.`);
});
Spezifikationen
| Spezifikation |
|---|
| Screen Orientation # dom-screenorientation-onchange |