Zdarzenie kierunkowe jQuery Mobile

Zdarzenie orientationchange jQuery Mobile

Zdarzenie orientationchange jest wywoływane, gdy użytkownik obraca urządzenie mobilne w pionie lub poziomie.

Mobilny

Mobilny

Aby użyć zdarzenia orientationchange, dodaj je do obiektu window:

$("window").on("orientationchange",function(){
  alert("Kierunek zmienił się!");
});

Funkcja callback może ustawić parametr, którym jest obiekt event, który zwraca kierunek urządzenia mobilnego: "portrait" (kierunek, w którym urządzenie jest trzymane w pozycji pionowej) lub "landscape" (kierunek, w którym urządzenie jest trzymane w pozycji poziomej):

Przykład

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

Spróbuj sam

Ponieważ zdarzenie orientationchange jest związane z obiektem window, możemy używać właściwości window.orientation, na przykład, aby ustawić różne style, aby odróżnić widoki portretu i krajobrazu:

Przykład

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

Spróbuj sam

Wskazówka:Property window.orientation dla widoku portretowego zwraca 0, dla widoku krajobrazowego 90 lub -90.