移动端点击穿透问题

点击遮罩层(mask,也叫蒙层)上的关闭按钮，蒙层消失后发现触发了按钮下main元素的click事件

原因：主要是touch和click同时存在，touch之后又触发了click

解决方案：

1.只用touch

既然是由于touch之后的click造成的，那么不用click自然解决了这个问题

需要注意a标签的href也是click,需要换成JavaScript:void（0）

2.只用click

下下策，因为300ms延迟，如果交互性要求不高可以这么做，但快一点总归是好的

3.拿个东西来挡住

比较笨的办法，不推荐用

4.tap延迟350ms再隐藏mask

改动最小，缺点是隐藏mask变慢了

5.pointer-eventer

有缺陷，不建议使用

原文地址：https://www.cnblogs.com/ltfxy/p/12550196.html