Window: devicemotion event

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

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

ondevicemotion = (event) => { }

Event type

A DeviceMotionEvent. Inherits from Event.

Event properties

DeviceMotionEvent.acceleration Read only

An object giving the acceleration of the device on the three axis: x, y, and z. Acceleration is expressed in m/s².

DeviceMotionEvent.accelerationIncludingGravity Read only

An object giving the acceleration of the device on the three axis: x, y, and z with the effect of gravity. Acceleration is expressed in m/s².

DeviceMotionEvent.rotationRate Read only

An object giving the rate of change of the device's orientation on the three orientation axis: alpha, beta and gamma. Rotation rate is expressed in degrees per seconds.

DeviceMotionEvent.interval Read only

A number representing the interval of time, in milliseconds, at which data is obtained from the device.

Examples

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);

Specifications

Browser compatibility

See also

• deviceorientation