主要js代码如下:
示例一:
window.addEventListener("orientationchange", function() {if(window.orientation === 90){console.log('这是竖屏')}if(window.orientation === 0){console.log('这是横屏')}}, false);
示例二:
// 判断屏幕是否旋转function orientationChange() {switch(window.orientation) {case 0:alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);break;case -90:alert("左旋 -90,screen-width: " + screen.width + "; screen-height:" + screen.height);break;case 90:alert("右旋 90,screen-width: " + screen.width + "; screen-height:" + screen.height);break;case 180:alert("风景模式 180,screen-width: " + screen.width + "; screen-height:" + screen.height);break;};};// 添加事件监听window.addEventListener('load', function(){orientationChange();window.onorientationchange = orientationChange;});
拓展知识:
1.orientationchange事件
在设备的纵横方向改变时触发
2.orientation属性
有三个值:
0:竖屏模式(portrait),
-90:该设备横向旋转到右侧的横屏模式(landscape),
90:该设备横向旋转到左边的横屏模式(landscape)。