0

デバイスの向きイベントを使用して、モバイル デバイスの向きを確認したいと考えています。これが私がすることです:

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

私の handleOrientation 関数では、アルファ、ベータ、ガンマを持つことができます。しかし、私はデバイスの見出しが欲しいです。デバイスを横にして、次のようにすると:

ここに画像の説明を入力

function handleOrientation(orientData) {

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

上記の値からデバイスの向きを取得するにはどうすればよいですか?

ニールス

4

1 に答える 1

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 ではサポートされていません。

于 2013-05-16T10:41:21.050 に答える