Device orientation events

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

Geräteorientierungsereignisse sind Ereignisse, die es Ihnen ermöglichen, die physische Ausrichtung eines Geräts zu erkennen, sowie die Bewegung des Geräts zu erkennen.

Konzepte und Verwendung

Mobile Geräte verfügen häufig über Sensoren wie Gyroskope, Kompasse und Beschleunigungsmesser, die es den auf dem Gerät ausgeführten Anwendungen ermöglichen, die Ausrichtung und Bewegung des Geräts zu erkennen.

Die Geräteorientierungsereignisse ermöglichen es Ihnen, Webanwendungen zu schreiben, die ihr Verhalten basierend auf der Ausrichtung des Benutzergeräts ändern können und die reagieren können, wenn der Benutzer sein Gerät bewegt.

Einige typische Features, für die Sie die Geräteorientierungsereignisse verwenden möchten, sind:

  • In webbasierten Spielen, um dem Benutzer zu ermöglichen, die Bewegung von Charakteren oder Objekten im Spiel durch Kippen und Bewegen des Geräts zu steuern.

  • In Kartenanwendungen, um eine Karte basierend auf der Position des Geräts neu auszurichten oder um Schritt-für-Schritt-Anweisungen bereitzustellen, die sich mit den Bewegungen des Benutzers aktualisieren.

  • Für Gestenerkennung – beispielsweise das Erkennen einer "Schüttel"-Geste und die Verwendung dieser, um eine Aktion wie das Löschen eines Eingabebereichs durchzuführen, wenn der Benutzer das Gerät schüttelt.

Hinweis: Diese API wird von mobilen Browsern weitgehend unterstützt. Während einige nur für Desktops verfügbare Browser aufgrund von Hardwareunterschieden Einschränkungen haben können, sind diese Einschränkungen selten von Bedeutung, da die API hauptsächlich auf mit Sensoren ausgestatteten Geräten genutzt wird.

Schnittstellen

DeviceMotionEvent

Repräsentiert Änderungen in der Beschleunigung eines Geräts sowie die Rotationsrate.

DeviceMotionEventAcceleration

Stellt die Menge der Beschleunigung dar, die das Gerät entlang aller drei Achsen erfährt.

DeviceMotionEventRotationRate

Stellt die Rate dar, mit der sich das Gerät um alle drei Achsen dreht.

DeviceOrientationEvent

Repräsentiert Änderungen in der physischen Ausrichtung eines Geräts.

Erweiterungen zu anderen Schnittstellen

devicemotion Ereignis

Wird in regelmäßigen Abständen ausgelöst, um die Menge der physischen Beschleunigungskraft anzuzeigen, die das Gerät zu diesem Zeitpunkt erfährt, sowie die Rotationsrate des Geräts.

deviceorientation Ereignis

Wird ausgelöst, wenn frische Daten vom Gerät über die aktuelle Ausrichtung des Geräts im Vergleich zum Erdkoordinatenrahmen vorhanden sind.

deviceorientationabsolute Ereignis

Wird ausgelöst, wenn sich die absolute Geräteausrichtung ändert.

Spezifikationen

Specification
Device Orientation and Motion

Browser-Kompatibilität

api.Window.deviceorientation_event

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
deviceorientation event

Legend

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

Full support
Full support
Uses a non-standard name.
Has more compatibility info.

api.Window.devicemotion_event

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
devicemotion event

Legend

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

Full support
Full support

api.Window.deviceorientationabsolute_event

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
deviceorientationabsolute event

Legend

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

Full support
Full support
No support
No support

api.DeviceOrientationEvent

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.

api.DeviceMotionEvent

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
DeviceMotionEvent
DeviceMotionEvent() constructor
acceleration
accelerationIncludingGravity
interval
requestPermission() static method
Experimental
rotationRate

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.

api.DeviceMotionEventAcceleration

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
DeviceMotionEventAcceleration
x
y
z

Legend

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

Full support
Full support
No support
No support

api.DeviceMotionEventRotationRate

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
DeviceMotionEventRotationRate
alpha
beta
gamma

Legend

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

Full support
Full support
No support
No support

Siehe auch