小程序防止点击遮罩层后遮罩层下面也反应(有点击事件)

最近在做自定义弹窗,不免会使用到遮罩层或者说蒙层。

但是关键是,有遮罩层后,再点击遮罩层下的组件,依然会产生点击事件。

那如何解决这个问题呢 ?

网上给出了几种方法
1 . 在遮罩层 view 中添加 catchtouchmove 点击事件。因为 catch 事件绑定可以阻止冒泡事件向上冒泡。


2 . 给底层页面动态添加 position:fixed;




	
  

这里简单的说一下遮罩层的样式

 /* 遮罩层 */
.mask{
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 9000;
  
}

问题的解决方案千百种,多换角度会有意想不到的收获。

项目地址:https://github.com/MoTec95/CustomPop

你可能感兴趣的:(JavaScript)