移动端判断横竖屏状态及监听变化

1、手机横竖屏状态

// 不建议使用,Deprecated
// window.orientation共有4个状态码，横屏是90和-90，竖屏是0和180。
if ([0, 180].includes(window.orientation)) {
	// 竖屏
} else if([90, -90].includes(window.orientation)){
	// 横屏
}

// 建议使用
// 判断状态时可使用`window.matchMedia`方法
// 是否是横屏，true是，false 否
window.matchMedia('(orientation: landscape)').matches
// 是否是竖屏，true是，false 否
window.matchMedia("(orientation: portrait)").matches

2、监听横竖屏切换事件

// orientationchange 不赞成使用，Deprecated
window.addEventListener('orientationchange',funcA ); // 增加监听
window.removeEventListener('orientationchange', funcA, false); // 需要时移除监听

// 建议使用
screen.orientation.addEventListener('change',funcA); // 增加监听
screen.orientation.removeEventListener('change', funcA, false); // 需要时移除监听