android 遮罩 使底层无法点击,小程序防止点击遮罩层后遮罩层下面也反应（有点击事件）...

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

发布时间：2018-08-11 00:02,

浏览次数：1008

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

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

那如何解决这个问题呢 ？

网上给出了几种方法

1 . 在遮罩层 view 中添加 catchtouchmove 点击事件。因为 catch 事件绑定可以阻止冒泡事件向上冒泡。

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

'{{!hasMask}}' style='text-align:center;margin-top:50px;'> 点我弹窗

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

/* 遮罩层 */ .mask{ width: 100%; height: 100%; background: #000; opacity: 0.5;

z-index: 9000; }

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

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

关注公众号，一起成长、一起 To Be Better