Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Fenster: devicemotion Ereignis

Baseline 2023
Neu verfügbar

Seit September 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

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.

js
addEventListener("devicemotion", (event) => { })

ondevicemotion = (event) => { }

Ereignistyp

Ein DeviceMotionEvent. Erbt von Event.

Event DeviceMotionEvent

Ereigniseigenschaften

DeviceMotionEvent.acceleration Schreibgeschü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.accelerationIncludingGravity Schreibgeschü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.rotationRate Schreibgeschü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.interval Schreibgeschützt

Eine Zahl, die das Zeitintervall in Millisekunden angibt, in dem Daten vom Gerät erfasst werden.

Beispiele

js
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

Browser-Kompatibilität

Siehe auch