## 一、横竖屏切换事件 使用`window.orientation`检测横竖屏，值为下面的 * 0 竖屏（头朝上） * 180 竖屏（头朝下） * 90 横屏（头朝左） * -90 横屏（头朝右） ~~~ window.addEventListener('orientationchange', function() { if(window.orientation==90 || window.orientation==-90){ alert('横屏'); }else if(window.orientation==0 || window.orientation==180){ alert('竖屏'); } }); ~~~ ## 二、重力加速度事件 监听`devicemotion`事件，在事件对象中，有下面的一些可用属性 acceleration 设备在X,Y,Z三个轴的方向上移动的距离, 不包含重力加速度。 * accelerationIncludingGravity 设备在X,Y,Z三个轴方向移动的距离, 包含重力加速度（重力加速度通常取值为9.8m/s的二次方） ~~~ x轴加速度：以手机屏幕左右两侧为方向移动，往右为正，往左为负 y轴加速度：以手机屏幕前后两侧为方向移动，往前为正，往后为负 z轴加速度：以手机屏幕上下两侧为方向移动，往上为正，往下为负 ~~~ * rotationRate 设备在 Alpha, Beta, Gamma 三个方向旋转的速率（度/秒） ~~~ alpha：以设备坐标系z轴为轴的旋转速率 beta：以设备坐标系x轴为轴的旋转速率 gamma：以设备坐标系y轴为轴的旋转速率 ~~~ * interval 从设备获取数据的频率, 单位是毫秒 > 注意：ios与android里取到的属性值不一致（正负相反），因为它们各自处理坐标的方式不同 对于设备上的方向，可以参考下面这张图:  ### 三、方向变化事件 监听`deviceorientation`这个方向变化事件，事件对象当中，有下面几个有用的值 * alpha 设备围绕z轴方向旋转的度数，范围：0~360（顶部指向地球的北极，alpha此时为0） * beta 设备围绕x轴方向旋转的度数，由前向后，范围：-180~180 * gamma 设备围绕y轴方向旋转的度数，由左向右，范围：-90~90