移动端横竖屏监听小记（window.orientation、orientation）

移动端横竖屏监听小记（window.orientation、orientation）

移动端业务开发中经常会碰到横竖屏的需求，要么需要做适配，要么也得给个提示，增强用户体验。以下是做移动端横竖屏监听的两种简单方式：

1、window.orientation方式：
二话不说直接上代码：

//判断手机横竖屏状态：
    window.addEventListener(
      "onorientationchange" in window ? "orientationchange" : "resize",
      function () {
        if (window.orientation === 180 || window.orientation === 0) {
          // window.location.reload();
        }
        if (window.orientation === 90 || window.orientation === -90) {
          // window.location.reload();
        }
      },
      false
    );

简单逼逼两句：不干别的，就是监听，其实是老属性了，监听window.orientation的数值做判断，其实就是旋转角度。判定之