设备方向
概述
设备方向(Orientation)API是通过deviceorientation事件来实现的,通过监测deviceorientation事件, WEB应用程序可以监视设备(通常是手机游戏机等移动设备)的方向变换,在方向变换后做一些相应的处理,例如页面布局调整等等。
代码示例
浏览器支持检测
通过以下代码可以事先检测浏览器是否支持本API。
if(window. DeviceOrientationEventt) { //支持此API } else { //不支持此API }
监视方向变化
window.addEventListener('deviceorientation', function((orientData) { var absolute = orientData.absolute; // 表示该设备是否提供绝对定位数据 var alpha = orientData.alpha; // 表示设备沿z轴上的旋转角度,范围为0~360 var beta = orientData.beta; // 表示设备在x轴上的旋转角度,范围为-180~180。它描述的是设备由前向后旋转的情况。 var gamma = orientData.gamma; // 表示设备在y轴上的旋转角度,范围为-90~90。它描述的是设备由左向右旋转的情况 // Do some things. });