可以通过监听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表示竖屏。
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!