先来看index.wxml 文件

    1. <view bindtap="father">
    2.   father
    3.   <view bindtap="son">son</view>
    4. </view>
    在来看index.js 文件

    Page({
  father(){
      console.log('father')
  },

  son(){
    console.log('son')
  },

})

    会发现点击 son 的时候 father 也会一起调用，这就是冒泡事件
    image.png
    我们应该修改 index.wxml 中的代码

    <view catchtap="father">
  father
  <view catchtap="son">son</view>
</view>

    log：<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/26240361/1646123305068-42692642-cd85-4f72-a065-e671782dc279.png#clientId=uf03bc4ac-a7d3-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=57&id=u1639eba6&margin=%5Bobject%20Object%5D&name=image.png&originHeight=114&originWidth=719&originalType=binary&ratio=1&rotation=0&showTitle=false&size=4685&status=done&style=none&taskId=u69695c8e-0ddc-498e-a84d-f7e5c238449&title=&width=359.5)