2022小程序：防止点击遮罩层后遮罩层下面也反应的解决方法

本篇文章给大家带来的内容是关于小程序：防止点击遮罩层后遮罩层下面也反应的解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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

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

那如何解决这个问题呢 ？

网上给出了几种方法
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
相关推荐：
微信小程序实例：分享给一个人还是分享到群的判断代码
微信小程序在上传图片时如何限制大小（附代码）
小程序：如何动态增加删除JSON对象数组（附代码）
以上就是小程序：防止点击遮罩层后遮罩层下面也反应的解决方法的详细内容，更多请关注zzsucai.com其它相关文章！
  标签：
      小程序,