Détecter le changement d'orientation de l'écran avec JavaScript

En général, on optimise l'affichage de contenus par rapport à l'orientation de l'écran d'un appareil au travers de règles CSS, cependant il est parfois utile de pouvoir conditionner des portions de code selon l'orientation de l'écran avec JavaScript.

Voici un plugin JavaScript qui utilise la méthode "matchMedia" pour vérifier l'orientation de l'écran avec une requête média (média query). Il met à jour la variable "portrait" dans l'objet "window", avec une valeur booléenne indiquant si l'affichage est en portrait ou paysage.

(function(w, o, p, l) {
  var m = w.matchMedia('(orientation: '+p+')');
  w[o] = m.matches ? p : l;
  w.matchMedia('(orientation: '+p+')').addListener(function(e) {
    w[o] = e.matches ? p : l;
  });
})(window, 'screenOrientation', 'portrait', 'landscape');

console.log(screenOrientation);
// renvoie par exemple : 'portrait'

Cet article vous a-t-il été utile ?

Super :)
Merci d'avoir donné votre avis !

Oups :(
Merci d'avoir donné votre avis qui va nous permettre de nous améliorer !

^