關於小程序中的target與currentTarget的區別,看了官方的文檔說的也是糊糊塗塗
但是感覺跟事件冒泡有關係,自己寫了一串代碼看一爲下二者的區別,如下:
wxml:
<view bindtap='clickEvent' data-id="A">
A
<view data-id="B">B</view>
<view>C</view>
</view>
js:
clickEvent(e){
console.log('currentTarget:',e.currentTarget.dataset.id)
console.log('target:', e.target.dataset.id)
},
點擊A
currentTarget: A
target: A
點擊B
currentTarget: A
target: B
點擊C
currentTarget: A
target: undefined
currentTarget是冒泡事件,而target則是觸發事件的事件源
ps:在事件冒泡中catch可以阻止繼續向上冒泡的