小程序遮罩层（阻止事件穿透）

80 阅读 0 评论 53 点赞

我是靠谱客的博主发嗲画板，最近开发中收集的这篇文章主要介绍小程序遮罩层（阻止事件穿透），觉得挺不错的，现在分享给大家，希望可以做个参考。

<view class="mask" catchtouchmove="preventTouchMove">
我是遮罩层
</view>

<view class="mask" wx:if="{{hasMask}}">
我是遮罩层
</view>
<view class="content" class="{{hasMask ? 'preventTouchMove' : ' '}}">
我是页面内容
</view>

Page{
showMask(e){
//显示遮罩
this.setData({
hasMask:true
})
},
hideMask(e){
//隐藏遮罩
this.setData({
hasMask:false
})
},
}

.preventTouchMove{
position:
fixed ;
top: 0px ;
left:
0px ;
width:
100% ;
height:
100% ;
overflow:
hidden ;
z-index:
0 ;
}

以上就是发嗲画板为你收集整理的小程序遮罩层（阻止事件穿透）的全部内容，希望文章能够帮你解决小程序遮罩层（阻止事件穿透）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

小程序 遮罩层（阻止事件穿透）