前言
最近在开发的一个小程序中遇到了关于bind和catch的小问题,之前其实也学过bind和catch的区别、以及对冒泡的理解,但还是决定自己实践一下。
直接上代码
// wxml
<view bindtap="tapA">
tapA
<view bindtap="tapB">
tapB
<view bindtap="tapC">
tapC
</view>
</view>
</view>
// js
tapA(){
console.log("tapA")
},
tapB(){
console.log("tapB")
},
tapC(){
console.log("tapC")
},
点击tapA
输出:tapA
点击tapB
输出:tapB
tapA
点击tapC
输出:tapC
tapB
tapA
总结:
使用bind,点击内部元素就会造成冒泡,从内部事件到外部事件一层一层触发。
将bindtap="tapC"改为catchtap="tapC