Fenster: devicemotion Ereignis
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.
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
| Specification |
|---|
| Device Orientation and Motion # devicemotion |
| Device Orientation and Motion # dom-window-ondevicemotion |
Browser-Kompatibilität
Loading…