您的位置:首页 > Web前端 > JavaScript

原生JS如何监听移动设备屏幕横竖屏的旋转

2017-09-13 10:04 1201 查看
到目前JS的强大和所能完成的工作已经不言而喻,然而杯具的发生总是在使用过JS的基础上。

代码中监测旋转是用了onorientationchange 函数,但是在一些APP或游戏内嵌页面会有该函数不会执行、orientation获取不到的情况。所以如果是内嵌页建议使用resize事件,检查宽高变化来检测屏幕是否旋转。

window.orientation 对象在手机上才可生效。

代码使用实例:

<script type="text/javascript">
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt,resize,false);
function resize(fals) {
if(window.orientation == 0 || window.orientation == 180) {
alert("竖屏");
}else {
alert("横屏");
}
}
resize(true);
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  onorientat 设备旋转