W3cubDocs

/Web APIs

DeviceMotionEvent

The DeviceMotionEvent interface provides web developers with information about the speed of changes for the device's position and orientation.

Warning: Currently, Firefox and Chrome do not handle the coordinates the same way. Take care about this while using them.

Event DeviceMotionEvent

Constructor

DeviceMotionEvent()

Creates a new DeviceMotionEvent.

Instance 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.

Example

js

window.addEventListener("devicemotion", (event) => {
  console.log(`${event.acceleration.x} m/s2`);
});

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
DeviceMotionEvent 59 14 29 No 46 No 59 59 29 43 No 7.0
DeviceMotionEvent 31 12 6 11 18 17 4.4.3 31 6 18 4.2 2.0
acceleration 31 12 6 11 18 17 4.4.3 31 6 18 4.2 2.0
accelerationIncludingGravity 31 12 6 11 18 17 4.4.3 31 6 18 4.2 2.0
interval 31 12 6 11 18 17 4.4.3 31 6 18 4.2 2.0
requestPermission_static No No No No No No No No No No 14.5 No
rotationRate 31 12 6 11 18 17 4.4.3 31 6 18 4.2 2.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent