pointer-events兼容问题

canIuse 查询,显示iosandroid都完美支持这个css属性,
发现问题:
ios下,父元素pointer-events:none;点击穿透,
子元素 pointer-events:auto;//让子元素的点击事件生效

结果:android浏览器一切正常,ios下却又点击时灵时不灵的诡异bug。

(自己排查和position,scroll,background:tranparent都没有关系,确实是有时候可以点击,有时候怎么点都不能用,ios9,iphone8)

最后只好放弃pointer-events。

点击事件可以用的原生的click,meta里面设置usescalable=no禁止缩放,解决click点击延迟问题。或者fastclick.js.

本文固定链接: http://www.js-code.com/ios/ios_54544.html