point-events兼容问题

pointer-events兼容问题

canIuse 查询,显示ios和android都完美支持这个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.

    原文作者:肥皂泡
    原文地址: https://segmentfault.com/a/1190000018601853
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞