ScreenOrientation: change-Ereignis

Baseline 2023

Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Das change-Ereignis des ScreenOrientation-Interfaces tritt auf, wenn sich die Ausrichtung des Bildschirms ändert, z. B. wenn ein Benutzer sein Mobiltelefon dreht.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("change", (event) => {});

onchange = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiel

Im folgenden Beispiel gibt der change-Callback den neuen Bildschirmausrichtungstyp und den 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

Specification
Screen Orientation
# dom-screenorientation-onchange

Browser-Kompatibilität

BCD tables only load in the browser