tutoriais mais recente desenvolvimento web
 

jQuery orientationchange Event

<JQuery Mobile Eventos

Exemplo

Alertar algum texto quando o usuário gira o dispositivo móvel:

$(window).on("orientationchange",function(){
  alert("The orientation has changed!");
});
Tente você mesmo "

Definição e Uso

O evento orientationChange é acionado quando o usuário gira o dispositivo móvel verticalmente ou horizontalmente.

Nota: Para ver o efeito do evento orientationChange, o usuário deve usar um dispositivo móvel ou um emulador de celular.


Sintaxe

$(window).on("orientationchange",function(event){...})

Parâmetro Descrição
function(event) Requeridos. Especifica a função a ser executada quando o evento ocorre orientationChange.

A função tem um objeto de evento opcional, que contém uma propriedade orientação igual, quer "portrait" ou "landscape" .

  • Portrait = dispositivo é mantido numa posição vertical
  • Landscape = dispositivo é mantido em posição horizontal

Tente você mesmo - Exemplos

O objeto de evento
Usando o event.orientation para voltar à orientação do dispositivo móvel.

O objeto de janela
Usando a propriedade window.orientation para definir diferentes estilos entre retrato e paisagem.


<JQuery Mobile Eventos