查看“小程序：事件冒泡”的源代码

==冒泡事件与非冒泡事件==
冒泡事件 与非冒泡事件

Catch 和bind 都会捕捉事件，

Catch:tap : 会阻止事件冒泡

BindL:tap: 不会阻止事件冒泡

==案例==
[[文件:wexin21052303.png]]

===不阻止事件冒泡===
应用bind:tap

当点击按钮上的文本“开启小程序之旅”时，

触发事件onTextTap, 并向上冒泡，触发事件 OnViewTAP

welcome.wxml:

 <nowiki>
<view catch:tap="onViewTap" class="journey-container">
      <text bind:tap="onTextTap" class="journey">开启小程序之旅</text>
    </view></nowiki>
welcome.js:

 <nowiki>
  onViewTap: function(params) {
    console.log("on tap view")     
  },
  onTextTap: function(params) {
    console.log("on tap text")      
  },</nowiki>
===阻止事件冒泡===
应用catch:tap

当点击按钮上的文本“开启小程序之旅”时，

触发事件onTextTap, 不向上冒泡，也不触发事件 OnViewTAP

welcome.wxml:

 <nowiki>
<view catch:tap="onViewTap" class="journey-container">
      <text catch:tap="onTextTap" class="journey">开启小程序之旅</text>
    </view></nowiki>
welcome.js:

 <nowiki>
  onViewTap: function(params) {
    console.log("on tap view")     
  },
  onTextTap: function(params) {
    console.log("on tap text")      
  },</nowiki>