微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解

在小程序的事件回調(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部分：

<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)事件所綁定的組件。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

新聞標(biāo)題：微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解
路徑分享：http://muchs.cn/article49/gcichh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站制作、網(wǎng)站建設(shè)、ChatGPT、關(guān)鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)