jQuery Mobile richtingsevent

jQuery Mobile orientationchange-evenement

Het orientationchange-evenement wordt geactiveerd wanneer de gebruiker het mobiele apparaat zowel verticaal als horizontaal roteert.

Mobiel

Mobiel

Om het orientationchange-evenement te gebruiken, voeg het toe aan het window-object:

$(window).on("orientationchange",function(){
  alert(" Richting is veranderd! ");
});

De callback-functie kan een parameter instellen, namelijk het event-object, dat de richting van het mobiele apparaat retourneert: "portrait" (de richting waarin het apparaat wordt vastgehouden is verticaal) of "landscape" (de richting waarin het apparaat wordt vastgehouden is horizontaal):

实例

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

Probeer het zelf uit

Omdat het orientationchange-evenement gekoppeld is aan het window-object, kunnen we de property window.orientation gebruiken om bijvoorbeeld verschillende stijlen in te stellen om portrait- en landscape-weergaven te onderscheiden:

实例

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

Probeer het zelf uit

Tip:De property window.orientation retourneert 0 voor portraitweergave en 90 of -90 voor landscapeweergave.