HTML5——监听手机的一些事件：手机加速度devicemotion、设备方向变化deviceorientation、手机摇一摇、指南针

1. devicemotion：监听手机加速度变化的事件（比如：手机疯狂摇摆）

属性：均为只读属性

（1）accelerationIncludingGravity：重力加速度（包括重心引力9.8）

（2）acceleration：加速度（需要设备陀螺仪支持）

（3）rotationRate（alpha，beat，gamma）；旋转速度

（4）interval：获取的时间间隔

摇一摇：

    
    
    
    
    



    
摇一摇得红包
   

    

理解：手机抖动的时间要大于300ms，防止用户拿手机时，突然抖动而触发摇一摇功能；速度要大于800，证明用户是在快速摇手机。 

2. deviceOrientation：监听设备在方向上的变化的事件

详情：https://developer.mozilla.org/zh-CN/docs/Web/API/Detecting_device_orientation

属性：

alpha：设备沿z轴方向的选转，水平面上的选择，范围：-360~360

beta：设备沿x轴方向的旋转，由前向后，范围：-180~180

gamma：设备沿y轴方向的旋转，由左向右，范围：-90~90

webkitCompassHeading：与正北方向的角度差，正北方向为0，正南方向：180；范围：0~360；（安卓手机没有该方法）

    
    
    
    


    
    
旋转：0
    
前后：0
    
扭转：0
    
方向：0

    

 

 

指南针：

    
    
    
    
    


    
    
方向：
0
 

    

       
 
       

           

           

       
       

           
0
           
330
           
300
           
270
           
240
           
210
           
180
           
150
           
120
           
90
           
60
           
30