DeviceMotionEvent
Baseline 2023 *Newly available
Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
* Some parts of this feature may have varying levels of support.
Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.
TheDeviceMotionEvent interface of theDevice 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()ExperimentalRequests 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 onlyAn object giving the acceleration of the device on the three axis X, Y and Z. Acceleration is expressed inm/s².
DeviceMotionEvent.accelerationIncludingGravityRead onlyAn object giving the acceleration of the device on the three axis X, Y and Z with the effect of gravity. Acceleration is expressed inm/s².
DeviceMotionEvent.rotationRateRead onlyAn 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 onlyA 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
| Specification |
|---|
| Device Orientation and Motion # devicemotion |