在小程序的事件回調(diào)觸發(fā)時,會接收一個事件對象,事件對象的參數(shù)中包含一個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)點擊圖中粉色子組件區(qū)域時的輸出結(jié)果:
event.target 為其子組件,也就是觸發(fā)該事件的源頭組件
event.currentTarget 為事件所綁定的組件
當(dāng)點擊圖中藍(lán)色父組件區(qū)域時的輸出結(jié)果:
event.target 為父組件,因為觸發(fā)的源頭也就是父組件本身
event.currentTarget 始終為事件所綁定的組件
總結(jié):target對應(yīng)的是觸發(fā)事件的源頭組件,這個組件有可能是子組件,有可能是父組件,主要是看執(zhí)行動作的區(qū)域。而currentTarget始終對應(yīng)事件所綁定的組件。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com