2013-10-22 139 views
0

我試圖在Web瀏覽器(特別是Safari)中更改我的移動Web應用程序的方向時調用JavaScript函數。由於警報沒有顯示,因此我在身體標記上的onorientationchange並未發射。如果我將呼叫置於身體上,則會顯示警報。當移動網絡瀏覽器的方向改變時如何觸發功能的任何想法?從手機HTML調用Javascript函數onorientationchange

<?xml version='1.0' encoding='UTF-8'?> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <script type="text/javascript"> 
      function updateOrientation() { 
       var displayStr = 'Orientation: '; 
       alert("orientation=" + window.orientation); 
       switch(window.orientation) { 
        case 0: 
         //do something 
         break; 

        case -90: 
         //do something 
         break; 

        case 90: 
         //do something 
         break; 

        case 180: 
         //do something 
         break; 
       } 
      } 
    </script> 
    </head> 
    <body onorientationchange="updateOrientation();"> 
    </body> 
</html> 
+0

爲什麼頁面頂部有一個xml標籤? '<!DOCTYPE html>'應該足夠了。 :) – VDP

+0

這是一個xhtml頁面。 – c12

回答

1

這工作在iPhone模擬器

<head> 
<script type="text/javascript"> 
    window.onorientationchange = function(){ 
     alert(window.orientation); 
    } 
</script> 
</head> 

<body> 
<span>sample page</span> 
</body> 

1

如何使用jQuery?

$(window).on('orientationchange', function(event) { 
    alert('changed'); 
});