JavaScript: individuare l'orientamento dei dispositivi mobile

In questo articolo vedremo come intercettare il cambio di orientamento dei dispositivi mobile con JavaScript.

L'evento orientationchange fa parte delle API per mobile. Se applicato all'oggetto globale window, ci permette di leggere i cambiamenti nel valore della proprietà orientation di tale oggetto, che può essere di:

1. 0: il dispositivo è in modalità di visione portrait
2. 90: il dispositivo è in modalità di visione landscape (ruotato a sinistra)
3. -90: il dispositivo è in modalità di visione landscape (ruotato a destra)

Esempio:

window.addEventListener('orientationchange', () => {
  console.log(window.orientation);
}, false);