最新的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。