Eveniment jQuery Mobile orientationchange
Evenimentul orientationchange este declanșat atunci când utilizatorul rotește dispozitivul mobil vertical sau orizontal.
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.