移动端点击一下显示再点一下消失_如何解决移动端击穿（穿透）问题

在移动端开发的时候，我们有时候会遇到这样一个bug：点击关闭遮罩层的时候，遮罩层下面的带有点击的元素也会被触发，给人一种击穿了页面的感觉，这是为什么呢？

为了让大家更直观的看到效果，我复现了bug,并录制了一个gif。供大家参考：

• 点击“打开弹框”按钮，显示遮罩层
• 点击“关闭弹框”按钮，遮罩层消失，底下的连接被触发

上图事例js部分代码

var show = document.getElementById('show') // 打开按钮
var mask = document.getElementById('mask') // 遮罩层
var btn = document.getElementById('btn')   // 关闭按钮

show.onclick = function () {
    
    mask.style.display =