您现在的位置:首页 >> 前端 >> 内容

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

时间:2018/3/2 11:20:05 点击:

  核心提示:在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的QQ浏览器UC浏览器点击body、document、window都无效。最后找到了解决办法,就是给要点击的元素加个...

在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的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;
}

Tags:SA AF FA AR 
作者:网络 来源:LeeNingfen