jQuery Mobile 方向改变事件
作者:OpenWorld
时间:2026-08-11
浏览:0
jQuery Mobile 方向改变(orientationchange)事件 当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。 水平旋转 垂直旋转 如需使用方向改变(orientationchange)事件,请附加它到 window 对象: $(window
jQuery Mobile 方向改变(orientationchange)事件
当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。
如需使用方向改变(orientationchange)事件,请附加它到 window 对象:
$(window).on("orientationchange",function(){
alert("方向有改变!");
});
回调函数可以接收一个参数,也就是 event 对象,用来返回移动设备当前的朝向状态:"纵向"(设备处于竖直状态)或"横向"(设备处于水平状态)。
实例
$(window).on("orientationchange",function(event){
alert("方向是: " + 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。 |
|---|
作者最新文章
三星 Galaxy A08 渲染图曝光:Helio G99 芯片与 6000mAh 电池配置解析
2026-09-08 17:14
OPPO Find X10 Pro Max 影像规格详解:三颗2亿像素镜头与全焦段8K视频能力
2026-09-08 16:41
PDF转HTML在线转换器怎么选?转换后网页排版怎么查?
2026-09-04 11:02
AE教程书籍挑选指南:零基础、动效与合成方向实战标准
2026-09-02 13:31
教程书籍使用SAI软件Logo要单独授权吗:商标引用与出版合规要点
2026-09-02 11:50
上一篇:
jQuery Mobile 实例
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多



































