Événement de direction jQuery Mobile

Événement orientationchange jQuery Mobile

L'événement orientationchange est déclenché lorsque l'utilisateur tourne l'appareil mobile en vertical ou en horizontal.

Mobile

Mobile

Pour utiliser l'événement orientationchange, ajoutez-le à l'objet window :

$("window").on("orientationchange",function(){
  alert("L'orientation a changé !");
});

La fonction callback peut définir un paramètre, à savoir l'objet event, qui retourne la direction de l'appareil mobile : "portrait" (la direction dans laquelle l'appareil est tenu est verticale) ou "landscape" (la direction dans laquelle l'appareil est tenu est horizontale) :

实例

$("window").on("orientationchange",function(event){
  alert("L'orientation est :" + event.orientation);
});

Essayer Par Soi-Même

Étant donné que l'événement orientationchange est lié à l'objet window, nous pouvons utiliser la propriété window.orientation pour, par exemple, définir des styles différents pour distinguer les vues portrait et paysage :

实例

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

Essayer Par Soi-Même

Conseil :La Propriété window.orientation Retourne 0 Pour La Vue Portrait, Et 90 Ou -90 Pour La Vue Paysage.