jQuery 判断iPad、iPhone、Android是横屏仍是竖屏(window.orientation实现)
jQuery 判断iPad、iPhone、Android是横屏还是竖屏(window.orientation实现)
在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用jQuery判断iPad、iPhone、Android是横屏还是竖屏的方法。
代码如下:
function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad、iphone竖屏;Andriod横屏
$("body").attr("class", "landscape");
orientation = 'landscape';
return false;
} else if (window.orientation == 0 || window.orientation == 180) {
//ipad、iphone横屏;Andriod竖屏
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//页面加载时调用
$(function() {
orient();
});
//用户变化屏幕方向时调用
$(window).bind('orientationchange', function(e) {
orient();
});
屏幕方向对应的window.orientation值:
ipad:90或 - 90横屏
ipad:0或180竖屏
Andriod:0或180横屏
Andriod:90或 - 90竖屏