首页
会员中心
到顶部
到尾部
jQuery Mobile 教程

jQuery Mobile 方向事件

时间:2020/11/2 13:13:07  作者:  来源:  查看:0  评论:0
内容摘要:jQuery Mobile 方向事件jQuery Mobile 滚动jQuery Mobile 页面事件jQuery Mobile orientationchange 事件orientationchange 事件在用户垂直或水平旋转移动设备时被触发。水平旋转垂直旋转Mobile如...

jQuery Mobile 方向事件

jQuery Mobile orientationchange 事件

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

Mobile

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。



相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号