技术库 > jQuery

jQuery Mobile 方向事件

技术库:tec.5lulu.com

1 jQuery Mobile orientationchange 事件

from:tec.5lulu.com

orientationchange 事件在用户垂直或水平旋转移动设备时被触发。 

2 Mobile

如需使用 orientationchange 事件,请把它添加到 window 对象:

$(window).on("orientationchange",function(){
  alert("方向已改变!");
});

callback 函数可以设置一个参数,即 event 对象,它会返回移动设备的方向:"portrait" (设备被握持的方向是垂直的)或 "landscape" (设备被握持的方向是水平的):

实例

$(window).on("orientationchange",function(event){
  alert("方向是:" + event.orientation);
}); 

由于 orientationchange 事件与 window 对象绑定,我们能够使用 window.orientation 属性来,例如,设置不同样式以区分 portrait 和 landscape 视图:

实例

$(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 属性对 portrait 视图返回 0,对 landscape 视图返回 90 或 -90。

jQuery Mobile 方向事件


标签: css jquery 事件本文链接 http://tec.5lulu.com/detail/102pmn21a2nsw8t4d.html

我来评分 :6.1
0

转载注明:转自5lulu技术库

本站遵循:署名-非商业性使用-禁止演绎 3.0 共享协议

www.5lulu.com