> JQuery UI中文在线手册 > orientationchange

实例

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

$(window).on("orientationchange",function(){
  alert("The orientation has changed!");
});
运行一下 »

定义和用法

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

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

语法

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

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

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

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

在线实例

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

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

下一篇: