获取屏幕翻转：var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'

最新推荐文章于 2024-05-16 16:54:11 发布

weixin_30672295

最新推荐文章于 2024-05-16 16:54:11 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Yang-Zhonghua/p/10652831.html

本文介绍了如何使用JavaScript检测移动端屏幕的翻转事件。通过判断'orientationchange'事件是否存在，选择使用'orientationchange'或'resize'事件进行监听。

var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'，这段是为了获取移动端屏幕是否翻转（手机重力感应等引起屏幕长宽变化之类的）
'orientationchange' in window 这个是判断在window对象中是否有orientationchange属性，因为orientationchange会遇到兼容性问题，有的浏览器不支持，所以这边做了判断来决定是用orientationchange还是resize（思路就是用resizeEvt这个变量来控制用哪个，后面只要用resizeEvt这个变量来监听屏幕是否被调整）
这里面“？”和“：”是一个if判断。如果问号前面的判断（'orientationchange' in window ）结果为true则执行冒号前的内容结果为'orientationchange'（同时因为在js中等号的优先级低于三目运算符“？："，所以还会在这之后执行赋值，把'orientationchange'赋值给 resizeEvt 变量），如果为false则得到冒号后的 'resize'并赋值给 resizeEvt

转载于:https://www.cnblogs.com/Yang-Zhonghua/p/10652831.html