现在位置: 首页 > jQuery Mobile 教程 > 正文

jQuery Mobile orientationchange 事件

jQuery Mobile 事件 jQuery Mobile 事件

实例

在用户翻转移动设备室弹出一些文字信息:

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

尝试一下 »

定义和用法

orientationchange 事件是在用户水平或者垂直翻转设备(即方向发生变化)时触发的事件。

注意:如果要查看 orientationchange 事件的效果, 用户必须使用移动设备或者移动模拟器来查看本站实例。


语法

$(window).on("orientationchange",function(event){...})

参数 描述
function(event) 必须。指定 orientationchange 事件触发后执行的函数。

要确定设备按哪个方向旋转,您可以访问方向属性 orientation ,属性值可以是 "portrait(纵向)" 或者 "landscape(横向)"。

  • Portrait = 设备在纵向位置旋转
  • Landscape = 设备在横向位置旋转


实例s

更多实例

事件对象
使用 event.orientation 返回移动设备的方向。

窗口对象
使用 window.orientation 属性设置"portrait(纵向)" 和 "landscape(横向)"间不同的样式。


jQuery Mobile 事件 jQuery Mobile 事件