微信小程序—事件冒泡/阻止事件冒泡(bindtap/catchtap)
事件冒泡
嵌套关系,每个都有一个类名一个点击事件
1、
<view class="view1" bindtap="view1">
view1
<view class="view2" bindtap="view2">
view2
<view class="view3" bindtap="view3">
view3
</view>
</view>
</view>
2、写css样式
.view1{
width: 100%;
height: 500rpx;
background: red;
}
.view2{
width: 100%;
height: 300rpx;
background: yellow;
margin-top: 50rpx;
}
.view3{
width: 100%;
height: 100rpx;
background: blue;
margin-top: 50rpx;
}
效果如下:
3、在