DeviceMotionEvent

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The DeviceMotionEvent 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.

Constructor

DeviceMotionEvent.DeviceMotionEvent()

Creates a new DeviceMotionEvent.

Properties

DeviceMotionEvent.accelerationRead only

An object giving the acceleration of the device on the three axis X, Y and Z. Acceleration is expressed in m/s².

DeviceMotionEvent.accelerationIncludingGravityRead 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.rotationRateRead 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.intervalRead only

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

Example

window.addEventListener('devicemotion', function(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
11
12
6
No
15
No
≤37
18
6
14
4.2
1.0
DeviceMotionEvent
59
14
29
No
?
No
59
59
29
?
No
7.0
acceleration
11
12
6
No
15
No
≤37
18
6
14
4.2
1.0
accelerationIncludingGravity
11
12
6
No
15
No
≤37
18
6
14
4.2
1.0
interval
11
12
6
No
15
No
≤37
18
6
14
4.2
1.0
rotationRate
11
12
6
No
15
No
≤37
18
6
14
4.2
1.0

See also

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