Window : évènement devicemotion
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis septembre 2023.
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
| Spécification |
|---|
| Device Orientation and Motion # devicemotion |
| Device Orientation and Motion # dom-window-ondevicemotion |
Compatibilité des navigateurs
Voir aussi
- L'évènement
deviceorientation