在小程序的事件回調(diào)觸發(fā)時,會接收一個事件對象,事件對象的參數(shù)中包含一個target和currentTarget屬性,接下來說說這二者的區(qū)別。
為霸州等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及霸州網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、霸州網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
首先上代碼:
wxml部分:
父組件 子組件
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)事件所綁定的組件。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。