小程序bindtap和cachetap的區別

在這裏先簡單的說一下何爲冒泡事件和爲非冒泡事件

 

冒泡事件：

以下圖當你點擊1號的時候會彈出1，彈出2，彈出3

點擊二號的時候會彈出2，彈出3

<view bindtap='a'>
  1
  <view bindtaptap='b'>
    2
    <view bindtap='c'>
      3
    </view>
  </view>
</view>




    a:function(){
      console.log('咔咔')
    },
    b:function() {
      console.log('咔咔2')
    },
    c: function () {
      console.log('咔咔3')
    },

 

那麼非冒泡事件就很簡單了

仍是下圖，可是點擊一號會彈出1，點擊二號會彈出2

<view catchtap='a'>
 范德薩發 1
  <view catchtap='b'>
    地方薩芬2
    <view catchtap='c'>
     范德薩發 3
    </view>
  </view>
</view>

 

 

看到這裏估計你已經明白什麼是冒泡事件什麼是非冒泡事件，那麼bindtap和cachetap的區別就是，bindtap是冒泡事件，會一直往上執行，cachetap反之