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

Window : évènement orientationchange

Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.

L'évènement orientationchange de l'interface Window est déclenché lorsque l'orientation de l'appareil a changé.

Cet évènement n'est pas annulable et ne se propage pas.

Cet évènement est obsolète. Écoutez plutôt l'évènement change de l'interface ScreenOrientation.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.

js
addEventListener("orientationchange", (event) => { })

onorientationchange = (event) => { }

Type d'évènement

Un objet Event générique.

Exemples

Vous pouvez utiliser l'évènement orientationchange dans une méthode addEventListener :

js
window.addEventListener("orientationchange", (event) => {
  console.log(
    `l'orientation de l'appareil est maintenant ${event.target.screen.orientation.angle}`,
  );
});

Ou utilisez la propriété de gestionnaire d'évènement onorientationchange :

js
window.onorientationchange = (event) => {
  console.log(
    `l'orientation de l'appareil est maintenant ${event.target.screen.orientation.angle}`,
  );
};

Spécifications

Specification
Compatibility
# event-orientationchange

Compatibilité des navigateurs