设备方向
概述
设备方向(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.
});