Window : l'événement deviceorientation
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.
L'événement deviceorientation est déclenché lorsque des données sont disponibles, à partir d'un capteur d'orientation, sur l'orientation actuelle de l'appareil par rapport au cadre de coordonnées de la Terre. Ces données sont recueillies à partir d'un magnétomètre à l'intérieur de l'appareil. Voir Données d'orientation et de mouvement expliquées pour plus de détails.
| Propagation | Non |
|---|---|
| Annulable | Non |
| Interface |
DeviceOrientationEvent
|
| Propriété du gestionnaire d'événements |
window.ondeviceorientation
|
Exemple
js
if (window.DeviceOrientationEvent) {
window.addEventListener(
"deviceorientation",
function (event) {
// alpha : rotation autour de l'axe z
var rotateDegrees = event.alpha;
// gamma : de gauche à droite
var leftToRight = event.gamma;
// bêta : mouvement avant-arrière
var frontToBack = event.beta;
handleOrientationEvent(frontToBack, leftToRight, rotateDegrees);
},
true,
);
}
var handleOrientationEvent = function (
frontToBack,
leftToRight,
rotateDegrees,
) {
// faire quelque chose d'étonnant
};
Spécifications
| Specification |
|---|
| Device Orientation and Motion # deviceorientation |
| Device Orientation and Motion # dom-window-ondeviceorientation |
Compatibilité des navigateurs
Chargement…
Voir aussi
- L'événement
devicemotion - Détection de l'orientation des appareils.
- Explication des données d'orientation et de mouvement
- Simulation d'événements d'orientation sur les navigateurs de bureau avec orientation-devtool.