DeviceMotionEvent
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2023.
* Some parts of this feature may have varying levels of support.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The DeviceMotionEvent interface of the Device Orientation Events 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()-
Creates a new
DeviceMotionEvent.
Static methods
DeviceMotionEvent.requestPermission()-
Requests the user's permission to access device motion data from the accelerometer and gyroscope sensors. Returns a
Promisethat resolves with a string of"granted"or"denied".
Instance 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
js
window.addEventListener("devicemotion", (event) => {
console.log(`${event.acceleration.x} m/s2`);
});
Specifications
| Specification |
|---|
| Device Orientation and Motion # devicemotion |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
DeviceMotionEvent
|
|
|
|
|
|
|
|
|
|
|
|
|
DeviceMotionEvent() constructor
|
|
|
|
|
|
|
|
|
|
|
|
|
acceleration
|
|
|
|
|
|
|
|
|
|
|
|
|
accelerationIncludingGravity
|
|
|
|
|
|
|
|
|
|
|
|
|
interval
|
|
|
|
|
|
|
|
|
|
|
|
|
requestPermission() static method
|
|
|
|
|
|
|
|
|
|
|
|
|
rotationRate
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.