最新的Web開發教程
 

jQuery Mobile定向事件


jQuery Mobile的orientationChange事件

當用戶垂直或水平旋轉移動設備被觸發orientationChange事件。





移動


要使用orientationChange事件,其附加到window對象:

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

回調函數可以有一個說法,事件對象,它返回移動設備的方向: "portrait" (該設備是在一個垂直的位置上)或"landscape" (該設備在水平位置上):

$(window).on("orientationchange",function(event){
  alert("Orientation is: " + event.orientation);
});
試一試»

由於orientationChange事件被綁定到window對象,我們可以使用window.orientation屬性,例如,設置不同風格的縱向和橫向視圖之間進行區分:

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

該window.orientation屬性橫向視圖返回0縱向和90或-90。