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