jQuery Mobile 方向改变(orientationchange)事件

当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。





Mobile


如需使用方向改变(orientationchange)事件,请附加它到 window 对象:

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

回调函数可有一个参数,event 对象,返回移动设备的方向:"纵向"(设备保持在垂直位置)或"横向"(设备保持在水平位置):

实例

        

orientationchange 事件

请试着旋转您的设备!

注释:您必须使用移动设备或者移动模拟器来查看该事件的效果。

页脚文本


运行实例 »

点击 "运行实例" 按钮查看在线实例

由于方向改变(orientationchange)事件绑定到 window 对象,我们可以使用 window.orientation 属性来设置不同的样式,以便区分纵向和横向的视图:

实例

        

orientationchange 事件

请试着旋转您的设备!

注释:您必须使用移动设备或者移动模拟器来查看该事件的效果。

页脚文本


运行实例 »

点击 "运行实例" 按钮查看在线实例


lamp window.orientation 属性针对纵向视图返回 0,针对横向视图返回 90 或 -90。