关于移动端屏幕旋转的事件监听

可以通过监听onorientationchange事件来实现，但是，有些浏览器不支持这个事件，此时，可以用resize来模拟。

首先检测一下事件是否存在。

typeof window.onorientationchange === 'object' ? 'orientationchange' : 'resize';

然后就是获取屏幕旋转角度的问题了。

这个也有兼容性问题，一般情况，可以通过screen.orientation.angle来获取，但是呢，有些浏览器在screen下并没有orientation这个属性，这时候，可以使用window下的orientation。所以，为了获取旋转角度，可以这样写。

const angle = screen.orientation ? screen.orientation.angle : window.orientation;

关于角度的值，90和-90表示横屏，0和180表示竖屏。

如果觉得我的文章对您有用，请您随意打赏。您的支持将鼓励我更加努力创作！

如无特殊声明，文章均为原创，若有不正之处，万望告知。转载请附上原文地址，十分感谢！