safari浏览器下body、document、window的click事件无效处理办法
来源:互联网 发布:风云无双战甲进阶数据 编辑:程序博客网 时间:2024/05/21 11:16
在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的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;}
阅读全文
0 0
- safari浏览器下body、document、window的click事件无效处理办法
- iOS 浏览器safari中使用JQuery click事件无效解决方法
- 解决IE浏览器下document click事件失效问题
- 关于浏览器window、document、html、body高度的探究
- safari浏览器实现模拟click点击事件
- window、document、html、body、element的事件属性比较
- 各浏览器对 document、document.body、document.documentElement 对象的 onscroll 事件支持情况
- 各浏览器对document.body.onscroll,window.onscroll,document.documentElement.onscroll的兼容性
- body document对象的事件
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题(转)
- window,document,html,body的区别
- window、document、html和body的区别
- html/css基础篇——关于浏览器window、document、html、body高度的探究
- SD9013: 各浏览器对于 document、document.body、document.documentElement 对象的 onscroll 事件的支持存在差异
- document.body.scrollTop和document.documentElement.scrollTop在不同浏览器下的问题
- safari 浏览器window.history.go(-1)运行无效解决办法
- JQuery window、document、 body
- hdoj 1004
- 几段代码看透php设计模式之工厂模式
- 图像处理及图像识别中常用的 Opencv 函数
- Linux公共lib软连接引用
- 简析SynchronousQueue,LinkedBlockingQueue,ArrayBlockingQueue
- safari浏览器下body、document、window的click事件无效处理办法
- 引入css外联样式表不起作用
- Git SSH Key 生成步骤
- 报出 ”xx“is missing from working copy 的问题 解决方法汇总
- JAVA源码解析(10)-java.beans.Encoder、java.beans.MetaData、java.beans.ExceptionListener
- 以太坊PK比特币
- 给初学者的RxJava2.0教程(九)
- jmeter中的lib需要添加的jar包,可以使用更多插件功能
- js,function传参去除空格。