touch事件的穿透问题

click是在touch系列事件发生后300ms才触发的，混用click和touch肯定会导致穿透问题

点击穿透现象的情况：

1)蒙层问题

蒙层的关闭按钮绑定的是touch事件，而按钮下面元素绑定的是click事件，touch事件触发后，蒙层消失，300ms后这个点的click事件触发。

2)跨页面点击穿透问题

如果按钮下面恰好是一个href属性的a标签，那么页面就会发生跳转（a标签跳转默认是click事件触发的）

解决问题：

方法一：不要混用touch和click事件

方法二：吃掉touch之后的click

可以touch后延迟350ms再隐藏蒙层

方法三：pointer-events(比较麻烦有缺陷，在mask消失350ms内，用户可以看见按钮下面的元素点着没有反应)

蒙层隐藏后，给按钮下面元素添上point-events:none样式，让click穿过去，350ms后去掉这个样式，恢复响应（pointer-evevts:all）。