设备方向

 

概述

设备方向(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.


});

参考

相关页面

外部链接