Fenster: devicemotion Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2023 browserübergreifend verfügbar.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Das devicemotion Ereignis wird in regelmäßigen Abständen ausgelöst und gibt die Beschleunigungsrate des Geräts mit oder ohne Berücksichtigung der Schwerkraft zu diesem Zeitpunkt an. Es liefert auch Informationen über die Rotationsrate, falls verfügbar.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignisbehandler-Eigenschaft.
addEventListener("devicemotion", (event) => { })
ondevicemotion = (event) => { }
Ereignistyp
Ein DeviceMotionEvent. Erbt von Event.
Ereigniseigenschaften
DeviceMotionEvent.accelerationSchreibgeschützt-
Ein Objekt, das die Beschleunigung des Geräts auf den drei Achsen x, y und z angibt. Die Beschleunigung wird in m/s² angegeben.
DeviceMotionEvent.accelerationIncludingGravitySchreibgeschützt-
Ein Objekt, das die Beschleunigung des Geräts auf den drei Achsen x, y und z unter Einwirkung der Schwerkraft angibt. Die Beschleunigung wird in m/s² angegeben.
DeviceMotionEvent.rotationRateSchreibgeschützt-
Ein Objekt, das die Änderungsrate der Orientierung des Geräts auf den drei Orientierungsachsen alpha, beta und gamma angibt. Die Rotationsrate wird in Grad pro Sekunde angegeben.
DeviceMotionEvent.intervalSchreibgeschützt-
Eine Zahl, die das Zeitintervall in Millisekunden angibt, in dem Daten vom Gerät erfasst werden.
Beispiele
function handleMotionEvent(event) {
const x = event.accelerationIncludingGravity.x;
const y = event.accelerationIncludingGravity.y;
const z = event.accelerationIncludingGravity.z;
// Do something awesome.
}
window.addEventListener("devicemotion", handleMotionEvent);
Spezifikationen
| Spezifikation |
|---|
| Device Orientation and Motion # devicemotion |
| Device Orientation and Motion # dom-window-ondevicemotion |