jQuery Mobile orientationchange 事件-白红宇

jQuery Mobile orientationchange 事件

阅读量：4132 次

发布时间：2019-05-25

本文共 861 字，大约阅读时间需要 2 分钟。

本文转自：

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

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

定义和用法

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

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

语法

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

参数	描述
function(event)	必须。指定 orientationchange 事件触发后执行的函数。要确定设备按哪个方向旋转，您可以访问方向属性 orientation ，属性值可以是 "portrait（纵向）" 或者 "landscape（横向）"。 Portrait = 设备在纵向位置旋转 Landscape = 设备在横向位置旋转

参数

描述

function(event)

必须。指定 orientationchange 事件触发后执行的函数。

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

Portrait = 设备在纵向位置旋转

Landscape = 设备在横向位置旋转

实例

（1）

使用 event.orientation 返回移动设备的方向。


   
   
     
        
     orientationchange 事件
  
    
  
        
     请试着旋转您的设备！
    
     注释：您必须使用移动设备或者移动模拟器来查看该事件的效果。
  
    
  
        
     页脚文本

（2）

使用 window.orientation 属性设置"portrait（纵向）" 和 "landscape（横向）"间不同的样式。


    
    
      
         
       orientationchange 事件
  
     
  
         
      请试着旋转您的设备！
    
      注释：您必须使用移动设备或者移动模拟器来查看该事件的效果。
  
     
  
         
      页脚文本