Window : évènement devicemotion
Baseline
2023
Newly available
Depuis September 2023, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
Contexte sécurisé: Cette fonctionnalité est uniquement disponible dans des contextes sécurisés (HTTPS), pour certains navigateurs qui la prennent en charge.
L'évènement devicemotion de l'interface Window est déclenché à intervalles réguliers et indique le taux d'accélération de l'appareil, avec ou sans la contribution de la force de gravité à ce moment. Il fournit également des informations sur le taux de rotation, si elles sont disponibles.
Cet évènement n'est pas annulable et ne se propage pas.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènements.
addEventListener("devicemotion", (event) => { })
ondevicemotion = (event) => { }
Type d'évènement
Un objet DeviceMotionEvent. Hérite de Event.
Propriétés de l'évènement
DeviceMotionEvent.accelerationLecture seule-
Un objet fournissant l'accélération de l'appareil selon les trois axes : x, y et z. L'accélération est exprimée en m/s².
DeviceMotionEvent.accelerationIncludingGravityLecture seule-
Un objet fournissant l'accélération de l'appareil selon les trois axes : x, y et z, en tenant compte de la gravité. L'accélération est exprimée en m/s².
DeviceMotionEvent.rotationRateLecture seule-
Un objet fournissant le taux de variation de l'orientation de l'appareil selon les trois axes d'orientation : alpha, beta et gamma. Le taux de rotation est exprimé en degrés par seconde.
DeviceMotionEvent.intervalLecture seule-
Un nombre représentant l'intervalle de temps, en millisecondes, auquel les données sont obtenues depuis l'appareil.
Exemples
function gererEventRotation(event) {
const x = event.accelerationIncludingGravity.x;
const y = event.accelerationIncludingGravity.y;
const z = event.accelerationIncludingGravity.z;
// Faire quelque chose de génial.
}
window.addEventListener("devicemotion", gererEventRotation);
Spécifications
| Specification |
|---|
| Device Orientation and Motion # devicemotion |
| Device Orientation and Motion # dom-window-ondevicemotion |
Compatibilité des navigateurs
Voir aussi
- L'évènement
deviceorientation