在小程序的事件回調(diào)觸發(fā)時(shí)，會(huì)接收一個(gè)事件對(duì)象，事件對(duì)象的參數(shù)中包含一個(gè)target和currentTarget屬性，接下來說說這二者的區(qū)別。

首先上代碼：

wxml部分：

<view id='tar-father' bindtap='click'>
 父組件
 <view id='tar-children'>子組件</view>
 </view>

wxss部分：

#tar-father{
 width: 300rpx;
 height: 300rpx;
 background-color: skyblue;
}
#tar-children{
 background-color: pink;
}

效果圖

js部分：

 click: function (event) {
 console.log(event.target)
 console.log(event.currentTarget)
 }

當(dāng)點(diǎn)擊圖中粉色子組件區(qū)域時(shí)的輸出結(jié)果：

event.target 為其子組件，也就是觸發(fā)該事件的源頭組件

event.currentTarget 為事件所綁定的組件

當(dāng)點(diǎn)擊圖中藍(lán)色父組件區(qū)域時(shí)的輸出結(jié)果：

event.target 為父組件，因?yàn)橛|發(fā)的源頭也就是父組件本身

event.currentTarget 始終為事件所綁定的組件

總結(jié)：target對(duì)應(yīng)的是觸發(fā)事件的源頭組件，這個(gè)組件有可能是子組件，有可能是父組件，主要是看執(zhí)行動(dòng)作的區(qū)域。而currentTarget始終對(duì)應(yīng)事件所綁定的組件。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com