手机端横竖屏检测

最新推荐文章于 2020-11-10 11:45:04 发布

原创最新推荐文章于 2020-11-10 11:45:04 发布 · 858 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #手机端

javascript 专栏收录该内容

22 篇文章

订阅专栏

var orientation = window.orientation;
var testOrientation  = () =>{
	switch (orientation){
		case 0:
			alert("这是竖屏");
			break;
		case -90: //手机相对于使用者顺时针转动90度
			alert("这是横屏01");
			break;
		case 90: //与上面相反
			alert("这是横屏02");
			break;
		case 180: 
			alert("相反的竖屏");
			break;
		default:
			break;
	}
};

window.addEventListener("orientationchange", testOrientation, false);

var closeTest = () =>{
	alert('移除监听事件');
		removeEventListener('orientationchange', testOrientation, false);
}
//你可以使用 removeEventListener() 方法来移除事件的监听。