Evento jQuery Mobile orientationChange
O evento orientationChange é acionado quando o usuário gira o dispositivo móvel verticalmente ou horizontalmente.
Para usar o evento orientationChange, anexá-lo ao objeto de janela:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); A função de retorno pode ter um argumento, o objeto de evento, que retorna a orientação do dispositivo móvel: "portrait" (o dispositivo é mantido numa posição vertical) ou "landscape" (o dispositivo é mantido em posição horizontal):
Exemplo
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Tente você mesmo " Como o evento orientationChange está vinculado ao objeto de janela, podemos usar a propriedade window.orientation para, por exemplo, definir diferentes estilos para distinguir entre retrato e paisagem:
Exemplo
$(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%"});
}
}); Tente você mesmo " A propriedade window.orientation retorna 0 para o retrato e 90 ou -90 para a vista horizontal.