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。 |
|---|
作者最新文章
WPS 表格如何对数据进行排序
2026-10-15 20:20
漫蛙2漫画app下载安装最新版本
2026-10-13 13:18
Manwa2漫蛙漫画官网备用入口
2026-10-13 13:17
漫蛙manwa画官方网页版下载
2026-10-13 13:16
漫蛙manwa2官方稳定链接
2026-10-13 13:15
上一篇:
jQuery Mobile 实例
下一篇:
jQuery Mobile 滚屏事件
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多











































