DeviceOrientationEvent

Baseline 2023 *
Newly available

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

* Some parts of this feature may have varying levels of support.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die DeviceOrientationEvent-Schnittstelle der Device Orientation Events stellt Webentwicklern Informationen über die physische Ausrichtung des Geräts, auf dem die Webseite ausgeführt wird, zur Verfügung.

Event DeviceOrientationEvent

Konstruktor

DeviceOrientationEvent.DeviceOrientationEvent()

Erstellt ein neues DeviceOrientationEvent.

Instanzeigenschaften

DeviceOrientationEvent.absolute Schreibgeschützt

Ein boolescher Wert, der angibt, ob das Gerät absolute Orientierungsdaten liefert oder nicht.

DeviceOrientationEvent.alpha Schreibgeschützt

Eine Zahl, die die Bewegung des Geräts um die z-Achse darstellt, in Grad ausgedrückt mit Werten von 0 (einschließlich) bis 360 (ausschließlich).

DeviceOrientationEvent.beta Schreibgeschützt

Eine Zahl, die die Bewegung des Geräts um die x-Achse darstellt, in Grad ausgedrückt mit Werten von -180 (einschließlich) bis 180 (ausschließlich). Dies stellt eine Vor- und Zurückbewegung des Geräts dar.

DeviceOrientationEvent.gamma Schreibgeschützt

Eine Zahl, die die Bewegung des Geräts um die y-Achse darstellt, in Grad ausgedrückt mit Werten von -90 (einschließlich) bis 90 (ausschließlich). Dies stellt eine Links- und Rechtsbewegung des Geräts dar.

DeviceOrientationEvent.webkitCompassHeading Nicht standardisiert Schreibgeschützt

Eine Zahl, die den Unterschied zwischen der Bewegung des Geräts um die z-Achse des Weltsystems und der Richtung nach Norden darstellt, ausgedrückt in Grad mit Werten von 0 bis 360.

DeviceOrientationEvent.webkitCompassAccuracy Nicht standardisiert Schreibgeschützt

Die Genauigkeit des Kompasses bedeutet, dass die Abweichung positiv oder negativ ist. Sie beträgt normalerweise 10.

Beispiel

js
window.addEventListener("deviceorientation", (event) => {
  console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);
});

Spezifikationen

Specification
Device Orientation and Motion
# deviceorientation

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DeviceOrientationEvent
DeviceOrientationEvent() constructor
absolute
alpha
beta
gamma
requestPermission() static method
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
See implementation notes.

Siehe auch