jQuery Mobile retningsevent

jQuery Mobile orientationchange-begivenhed

orientationchange-begivenheden udløses, når brugeren roterer enheden lodret eller vandret.

Mobile

Mobile

Hvis du vil bruge orientationchange-begivenheden, skal du tilføje den til window-objektet:

$(window).on("orientationchange",function(){
  alert("Retning er ændret!");
});

callback-funktionen kan indstille en parameter, nemlig event-objektet, som vil returnere enhedens retning: "portrait" (enheden holdes lodret) eller "landscape" (enheden holdes vandret):

实例

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

Prøv det selv

Da orientationchange-begivenheden er bundet til window-objektet, kan vi bruge window.orientation-attributten til, for eksempel, at sætte forskellige stilarter for at differentiere mellem portrait- og landscape-visninger:

实例

$(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%"});
  }
});

Prøv det selv

Tip:window.orientation egenskaben returnerer 0 for portrait visning, og 90 eller -90 for landscape visning.