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
BCD tables only load in the browser
api.Window.devicemotion_event
BCD tables only load in the browser
api.Window.deviceorientationabsolute_event
BCD tables only load in the browser
api.DeviceOrientationEvent
BCD tables only load in the browser
api.DeviceMotionEvent
BCD tables only load in the browser
api.DeviceMotionEventAcceleration
BCD tables only load in the browser
api.DeviceMotionEventRotationRate
BCD tables only load in the browser
Siehe auch
- Device Orientation & Motion bei web.dev