javascript - 从设备方向获取水平方向

Question

我想使用设备方向事件来检查移动设备的标题。这就是我所做的：

if (window.DeviceOrientationEvent) {
    window.addEventListener("deviceorientation", handleOrientation, false);
}
else{
    alert("Device Orientation is not available");
}

在我的 handleOrientation 函数中，我可以有 alpha、beta、gamma。但我想要设备的标题。当您放下设备并执行以下操作时：

function handleOrientation(orientData) {

    //var absolute = orientData.absolute;
    //var alpha = orientData.alpha;
    //var beta = orientData.beta;
    //var gamma = orientData.gamma;
}

如何从上面的值中获取设备的标题？

尼尔斯

Answer 1

您可以使用 window.orientation，但请注意：不同的设备返回不同的值。

function handleOrientation() {

    switch(window.orientation)
    case 0:
     // do your stuff
     break;
    case -90
       ....
}

window.addEventListener('onorientationchange', handleOrientation);

iPhone有：（来自https://developer.apple.com/library/safari/#documentation/DataManagement/Reference/DOMWindowAdditionsReference/DOMWindowAdditions/DOMWindowAdditions.html）

0 => 纵向。这是默认值。

-90 => 横向，屏幕顺时针转动。

90 => 横向，屏幕逆时针转动。

180 => 纵向，屏幕倒置。iPhone 目前不支持此值。