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

到目前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>

原生JS如何监听移动设备屏幕横竖屏的旋转_第1张图片

你可能感兴趣的:(JavaScript,-,Jquery)