小程序：事件冒泡

冒泡事件与非冒泡事件

冒泡事件 与非冒泡事件

Catch 和bind 都会捕捉事件，

Catch:tap : 会阻止事件冒泡

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

案例

不阻止事件冒泡

应用bind:tap

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

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

welcome.wxml:

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

welcome.js:

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

阻止事件冒泡

应用catch:tap

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

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

welcome.wxml:

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

welcome.js:

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