We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

L'événement deviceorientation est déclenché lorsque de nouvelles données sont disponibles à partir d'un capteur d'orientation à propos de l'orientation actuelle du dispositif par rapport à la trame de coordonnées terrestres. Ces données sont recueillies à partir d'un magnétomètre à l'intérieur de l'appareil. Voir explications sur les données de mouvements et d'orientations pour plus de détails.

Informations générales

Spécification
DeviceOrientation Event
Interface
DeviceOrientationEvent
Propagation
Non
Annulable
Non
Cible
DefaultView (window)
Action par défaut
Aucune

Propriétés

Property Type Description
target Lecture seule EventTarget The event target (the topmost target in the DOM tree).
type Lecture seule DOMString The type of event.
bubbles Lecture seule Boolean Whether the event normally bubbles or not
cancelable Lecture seule Boolean Whether the event is cancellable or not?
alpha Lecture seule double (float) The current orientation of the device around the Z axis; that is, how far the device is rotated around a line perpendicular to the device.
beta Lecture seule double (float) The current orientation of the device around the X axis; that is, how far the device is tipped forward or backward.
gamma Lecture seule double (float) The current orientation of the device around the Y axis; that is, how far the device is turned left or right.
absolute Lecture seule boolean This value is true if the orientation is provided as a difference between the device coordinate frame and the Earth coordinate frame; if the device can't detect the Earth coordinate frame, this value is false.

Example

if (window.DeviceOrientationEvent) {
    window.addEventListener("deviceorientation", function(event) {
        // alpha: rotation around z-axis
        var rotateDegrees = event.alpha;
        // gamma: left to right
        var leftToRight = event.gamma;
        // beta: front back motion
        var frontToBack = event.beta;

        handleOrientationEvent(frontToBack, leftToRight, rotateDegrees);
    }, true);
}

var handleOrientationEvent = function(frontToBack, leftToRight, rotateDegrees) {
    // Faire quelque chose d'étonnant
};

Compatibilités navigateur

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Navigateur Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support basique 7.0 3.6[1] ? ? ?
Navigateur Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support basique 3.0 3.6[1] Pas de support 12 4.2

[1] Firefox 3.6, 4, et 5 a supporté mozOrientation contre l'événement standard DeviceOrientation.

Evénements lilés

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : fscholz, Kalwyn
Dernière mise à jour par : fscholz,