三行代碼盤清小程序中target與currentTarget

關於小程序中的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可以阻止繼續向上冒泡的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章