2012-07-20 57 views
2

我正在開發一個應用程序,使用Phonegap的Android和iPhone。當我從一個頁面導航到另一個頁面時,我需要更改屏幕方向。任何人可以告訴如何通過Java腳本或jQuery來完成嗎?如何使用javascript或jquery更改屏幕方向?

謝謝

+0

我認爲你不能這樣做,因爲據我所知,JavaScript和jQuery(用JavaScript編寫)都無法做到這一點。 – davidbuzatto 2012-07-20 03:55:03

+0

您的意思是「使我的輸出適應當前的屏幕方向」,而不是「更改設備的屏幕方向」? – ryandenki 2012-07-20 03:59:37

+0

你知道jQuery不能做任何JavaScript無法做到的事,對吧? (因爲jQuery只是一個JavaScript庫。) – nnnnnn 2012-07-20 04:05:50

回答

5

你可以試試這個:

$(window).resize(function() { 
    var height = $(window).height(); 
    var width = $(window).width(); 

    if (width > height) { 
     // Landscape 
     $("#mode").text("LANDSCAPE"); 
    } else { 
     // Portrait 
     $("#mode").text("PORTRAIT"); 
    } 

}); 

另外一個ID window.orientation其返回090-90其中:

  • 0代表:肖像模式

  • 90代表:橫向模式與屏幕轉向左邊

  • -90代表:與屏幕橫向模式轉向右邊

    window.onorientationchange = function() 
    { 
    var orientation = window.orientation; 
    switch(orientation) { 
        case 0: 
         //Top side up. 
         break; 
    
        case -90: 
         //Left side up (turned 90 degrees to the right) 
         break; 
    
        case 90: 
         //Right side up (turned 90 degrees to the left) 
         break; 
        } 
    } 
    

您還可以看到

Detect rotation of Android phone in the browser with JavaScript的信息。

相關問題