Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

DeviceOrientationEvent

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.

* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.

Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

Sommaire

L'évènement DeviceOrientationEvent met à la disposition du développeur des informations sur l'orientation de l'appareil visitant une page Web

Attention : À l'heure actuelle, Firefox et Chrome ne gèrent pas les cordonnées de la même façon. Tenez-en compte lors de l'utilisation de cette API.

Propriétés

DeviceOrientationEvent.absolute Lecture seule

Un booléen, indiquant si l'appareil partage les informations sur son orientation absolue.

DeviceOrientationEvent.alpha Lecture seule

Un nombre, représentant le mouvement de l'appareil sur l'axe « z » exprimé en degrés sur une échelle de 0° à 360°.

DeviceOrientationEvent.beta Lecture seule

Un Nombre représentant le déplacement de l'appareil sur l'axe « x », exprimé en degrés sur une échelle de -180° à 180°.

DeviceOrientationEvent.gamma Lecture seule

Un nombre représentant le déplacement de l'appareil sur l'axe « y », exprimé en degrés sur une échelle de -90° à 90°.

Exemple

js
window.addEventListener("deviceorientation", function (event) {
  console.log(
    "z : " + event.alpha + "\n x : " + event.beta + "\n y : " + event.gamma,
  );
});

Spécifications

Specification
Device Orientation and Motion
# deviceorientation

Compatibilité des navigateurs

Voir aussi