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.
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.
Konstruktor
DeviceOrientationEvent.DeviceOrientationEvent()-
Erstellt ein neues
DeviceOrientationEvent.
Instanzeigenschaften
DeviceOrientationEvent.absoluteNur lesbar-
Ein boolescher Wert, der angibt, ob das Gerät absolute Orientierungsdaten liefert oder nicht.
DeviceOrientationEvent.alphaNur lesbar-
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.betaNur lesbar-
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.gammaNur lesbar-
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.webkitCompassHeadingNicht standardisiert Nur lesbar-
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.webkitCompassAccuracyNicht standardisiert Nur lesbar-
Die Genauigkeit des Kompasses bedeutet, dass die Abweichung positiv oder negativ ist. Sie beträgt normalerweise 10.
Beispiel
window.addEventListener("deviceorientation", (event) => {
console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);
});
Spezifikationen
| Specification |
|---|
| Device Orientation and Motion # deviceorientation |
Browser-Kompatibilität
BCD tables only load in the browser