jQuery Mobile riktningsevent

jQuery Mobile orientationchange-händelse

orientationchange-händelsen aktiveras när användaren roterar enheten vertikalt eller horisontellt.

Mobila

Mobila

För att använda orientationchange-händelsen, lägg till den till window-objektet:

$(window).on("orientationchange",function(){
  alert("Riktningen har ändrats!");
});

callback-funktionen kan sättas att ta ett argument, nämligen event-objektet, som returnerar enhetens riktning: "portrait" (enhet hålls vertikalt) eller "landscape" (enhet hålls horisontellt):

Exempel

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

Prova själv

Eftersom orientationchange-händelsen är bunden till window-objektet kan vi använda window.orientation-egenskapen för att, till exempel, ställa in olika stilar för att skilja på porträtt- och landskapsläge:

Exempel

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

Prova själv

Tips:window.orientation egenskapen returnerar 0 för portrait vy, och 90 eller -90 för landscape vy.