web移动端zepto的点透现象

,1，“点透”是什么
“点透”是什么 你可能碰到过在列表页面上创建一个弹出层,弹出层有个关闭的按钮,你点了这个按钮关闭弹出层后后,这个按钮正下方的内容也会执行点击事件(或打开链接)。这个被定义为这是一个“点透”现象

2，点透条件：
当两个元素在同级，A是touch事件，并且A有定位，B是click事件，并一个A元素覆盖在B或其他元素上方，就点透了

3，解决方案：
（1）统一使用移动端事件
（2）阻止默认行为，一般写在touchend里面
（3）

<script>
       var one = document.querySelector(".one")
       var two = document.querySelector(".tow")
       one.addEventListener("touchstart",function(){
           console.log(0)
            one.style.display='none'
       })
       one.addEventListener("touchend",function(e){
           //阻止默认行为
           e.preventDefault()
       })
       //click 换成 touch事件
      two.addEventListener("tap",function(){
          console.log('被点击了');
      })
</script>