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

该文章由 leevare 发布于 ,归类于 Javascript

可以通过监听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表示竖屏。

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

相关文章:

说点什么

avatar
300
  Subscribe  
提醒