safari浏览器下body,document,window的click事件无效问题的处理方法
程序员文章站
2022-03-03 22:45:37
在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的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; }