判断是安卓还是ios
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
判断是不是横屏
判断窗口有没有orientationchange(使用方向改变)这个方法,有就命中这个事件,没有就命中“resize”事件-电脑端的改变窗口事件。
$(window).on("orientationchange",fun)
可监听移动设备方向改变时事件
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
if (window.orientation === 180 || window.orientation === 0) {
//纵向视图window.orientation返回 0
//纵向的:竖屏,隐藏遮罩层与提示
document.querySelector('.land').style.display = 'none';
}
if (window.orientation === 90 || window.orientation === -90 ){
//横向视图window.orientation返回 90 或 -90
//横向的:显示遮罩层与提示
document.querySelector('.land').style.display = 'block';
}
}, false);
-
window.orientation
属性可设置不同使用方向
2018.4.20