屏幕旋转事件

响应屏幕旋转

window.addEventListener('orientationchange', function () {
  console.log('the orientation of the device is now ' + screen.orientation.angle)
})

window.addEventListener('orientationchange', function () {
  setTimeout(() => {
    // 在这里获取旋转之后的dom节点变化
  }, 360)
})

在 iphone 中，事件触发后，获取到的屏幕尺寸是改变后的，而在 android（不确定是否全部）中，获取的尺寸是改变前的，大多情况下这并不是我们想要的

解决办法：

可以设置 setTimeout 在 300ms 后获取

// 判断横竖屏
let width = document.documentElement.clientWidth
let height = document.documentElement.clientHeight
if (width > height) {
  alert('横屏')
}