Evento jQuery Mobile orientationChange
El evento orientationChange se activa cuando el usuario gira el dispositivo móvil verticalmente u horizontalmente.
Para utilizar el evento orientationChange, adjuntarlo al objeto de ventana:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); La función de devolución de llamada puede tener un argumento, el objeto de evento, que devuelve la orientación del dispositivo móvil: "portrait" (el dispositivo se mantiene en una posición vertical) o "landscape" (el dispositivo se mantiene en una posición horizontal):
Ejemplo
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Inténtalo tú mismo " Debido a que el evento orientationChange está ligada al objeto de ventana, podemos utilizar la propiedad window.orientation a, por ejemplo, establecer diferentes estilos de distinguir entre vista vertical y horizontal:
Ejemplo
$(window).on("orientationchange",function(){
if(window.orientation
== 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
}); Inténtalo tú mismo " La propiedad window.orientation devuelve 0 para el retrato y el 90 o -90 de vista horizontal.