Evento de dirección de jQuery Mobile

Evento orientationchange de jQuery Mobile

El evento orientationchange se activa cuando el usuario rota vertical u horizontalmente el dispositivo móvil.

Móvil

Móvil

Si desea usar el evento orientationchange, agréguelo al objeto window:

$("window").on("orientationchange",function(){
  alert("La dirección ha cambiado!");
});

La función callback puede establecer un parámetro, es decir, el objeto event, que devuelve la dirección del dispositivo móvil: "retro" (la dirección en la que se sostiene el dispositivo es vertical) o "paisaje" (la dirección en la que se sostiene el dispositivo es horizontal):

Ejemplo

$("window").on("orientationchange",function(event){
  alert("La dirección es: " + event.orientation);
});

Prueba personalmente

Dado que el evento orientationchange está asociado con el objeto window, podemos usar la propiedad window.orientation para, por ejemplo, establecer estilos diferentes para distinguir entre vistas en retrato y paisaje:

Ejemplo

$("window").on("orientationchange",function(){
  if(window.orientation == 0) // Retrato
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Paisaje
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Prueba personalmente

Consejo:La propiedad window.orientation devuelve 0 para la vista en retrato y 90 o -90 para la vista en paisaje.