检测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;