获取屏幕翻转:var resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
这段是为了获取移动端屏幕是否翻转(手机重力感应等引起屏幕长宽变化之类的)
‘orientationchange’ in window
这个是判断在window对象中是否有orientationchange属性,因为orientationchange会遇到兼容性问题,有的浏览器不支持,所以这边做了判断来决定是用orientationchange还是resize(思路就是用resizeEvt这个变量来控制用哪个,后面只要用resizeEvt这个变量来监听屏幕是否被调整)
【orientationchange】
【resize】
HTML DOM addEventListener()方法
这里面“?”和“:”是一个if判断。如果问号前面的判断(‘orientationchange’ in window )结果为true则执行冒号前的内容结果为’orientationchange’(同时因为在js中等号的优先级低于三目运算符“?:",所以还会在这之后执行赋值,把’orientationchange’赋值给 resizeEvt 变量),如果为false则得到冒号后的 'resize’并赋值给 resizeEvt
原文链接:
https://www.cnblogs.com/Yang-Zhonghua/p/10652831.html
https://blog.csdn.net/qq_40610760/article/details/96993803