检测iPad方向变化

当用户将iPad从垂直位置转换为水平位置或从水平位置转换为垂直位置时,如何使用javascript或jquery进行检测?

尝试

$(window).bind('orientationchange', function(event) { alert('new orientation:' + event.orientation); }); 

您可以使用以下代码检测方向更改事件:

jQuery的:

 $(document).ready(function() { $(window).on('orientationchange', function(event) { console.log(orientation); }); }); 

检查设备是否处于纵向模式

 function isPortrait() { return window.innerHeight > window.innerWidth; } 

在Javascript中:

   

或者包含其他样式表:

   

两者都取自: http : //favo.asia/2010/07/detecting-ipad-orientation-using-javascript/ ,其中,FYI,是谷歌首次在’检测ipad方向javascript’上的结果……

 function detectIPadOrientation(orientation){  
    if(orientation == 0){  
    警报('肖像模式,主页按钮底部');  
    }  
   否则if(orientation == 90){  
    警报('横向模式,主页按钮右');  
    }  
    else if(orientation == -90){  
    警报('横向模式,主页按钮');  
    }  
    else if(orientation == 180){  
    警报('肖像模式,主页按钮顶部');  
    }  
 }

 window.onorientationchange = detectIPadOrientation;