1

私はiPadでオリエンテーションを行っています。アプリケーションの構築に電話ギャップを使用しています。私は向きを変えるために次のコードを実行しました：

       function updateOrientation() 
        {
            var orientation=window.orientation;
            if ( orientation == 0 ) {
                alert("Do Something In Portrait Mode");
            }
            else if ( orientation == 90 ) {
                alert("Do Something In landscape Mode");
            }
            else if ( orientation == -90 ) {
                alert("Do Something In Portrait Mode");
            }
            else if ( orientation == 180 ) {
                alert("Do Something In landscape Mode");
            }               
        }

アラートを受け取りますが、この内部のウィンドウのサイズを変更する方法がわかりませんか？誰かが私を助けることができますか？私はフォローしたいです： ここに画像の説明を入力してください

4

1 に答える 1

2

SafariとAndroidはどちらも、単純な向き変更イベントリスナーをサポートしています。

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap</title>
     <script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
     <script type="text/javascript" charset="utf-8" src="main.js"></script>

</head>
<body onload="init();" >

    <h2>Orientation Test</h2>
    <div id="status"></div>

</body>
</html>

そしてjsコード：

function init() {
    window.addEventListener("orientationchange", orientationChange, true);
}

function orientationChange(e) {
    var orientation="portrait";
    if(window.orientation == -90 || window.orientation == 90) orientation = "landscape";
        document.getElementById("status").innerHTML+=orientation+"<br>";
}

ソース

于 2012-10-02T08:03:35.260 に答える