jQuery Mobile 方向改变事件
作者:OpenWorld
时间:2026-08-11
浏览:1
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。 |
|---|
作者最新文章
VisualStudio2019安装完成重置开发环境默认配置
2026-11-06 09:58
PDF图片太多怎么批量压缩?PDF文档如何压缩变小?
2026-10-27 11:48
花4700元买RTX 5070:收到却是一堆20年前的电子垃圾!
2026-10-26 16:25
Aperty人像精修指南:去除面部红晕斑点与调整阴影
2026-10-22 21:53
即梦AI怎么导出到剪映继续剪辑?
2026-10-22 19:49
上一篇:
jQuery Mobile 实例
下一篇:
jQuery Mobile 滚屏事件
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多


































