safari浏览器下body,document,window的click事件无效处理方法
2018-03-02 08:46
483 查看
在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的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;}
body{ cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
相关文章推荐
- safari浏览器下body、document、window的click事件无效处理办法
- 解决给dom元素绑定click等事件无效问题的方法
- $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法
- jquery append加入新元素后事件无效处理方法(转载)
- JS中Window,document,form的属性,方法,事件
- IE下自定义元素event事件无效的原因及处理方法
- JavaScript window.document的属性、方法和事件小结
- 使用jquery trigger 触发a标签的click事件取代window.open方法
- 处理jQuery append加入的元素 绑定事件无效的方法
- JQuery设置onclick事件无效的处理方法
- JavaScript window.document的属性、方法和事件小结
- html事件绑定总结以及window.onload和document.body.onload事件
- window、document、html、body、element的事件属性比较
- Window、document、form(属性、方法、事件)收藏
- Window、document、form(属性、方法、事件)
- JavaScript window.document的属性、方法和事件小结
- jquery绑定click等事件无效解决方法live替代$().click不执行
- 【转】Js window.document 的属性、方法和事件汇总
- (论坛答疑点滴)winform下怎么得到按钮的click事件的处理方法
- android按键事件和触屏事件(四)-listview的setOnItemClickListener点击无效的处理