Ultimele tutoriale de dezvoltare web
 

jQuery Mobile orientare Eveniment


Eveniment jQuery Mobile orientationchange

Evenimentul orientationchange este declanșat atunci când utilizatorul rotește dispozitivul mobil vertical sau orizontal.

pe
pe




Mobil


Pentru a utiliza evenimentul orientationchange, atașați-l la obiect fereastra:

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

Funcția callback poate avea un argument, obiectul evenimentului, care returnează orientarea dispozitivului mobil: "portrait" (aparatul este ținut într - o poziție verticală) sau "landscape" (the device is held in a horizontal position) :

Exemplu

$(window).on("orientationchange",function(event){
  alert("Orientation is: " + event.orientation);
});
Încearcă - l singur »

Deoarece evenimentul orientationchange este legat la obiect fereastra, putem folosi proprietatea window.orientation, de exemplu, setați stiluri diferite pentru a distinge între vizualizările portret și peisaj:

Exemplu

$(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%"});
  }
});
Încearcă - l singur »

Proprietatea window.orientation returnează 0 pentru portret și 90 sau -90 pentru vizualizarea peisaj.