safari浏览器下body,document,window的click事件无效处理方法

在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的QQ浏览器UC浏览器点击body、document、window无效。最后找到了解决办法,
就是给要点击的元素加个css样式cursor:pointer; 当然,document和window是不能给的。 所以只能给body加个此属性即可。暂时还未发现别的解决办法。(虽然这样解决了问题,但是
又发现另一个问题,就是点击页面任意地方,都会闪一下蓝色,解决办法:给body加-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;)

body{
              cursor:pointer;
         -webkit-tap-highlight-color: rgba(0,0,0,0);
          -webkit-tap-highlight-color:transparent;
}

猜你喜欢

转载自blog.csdn.net/leeningfeng/article/details/79419126