中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-10-04 22:33:22 來源:腳本之家 閱讀:189 作者:大表哥 欄目:web開發

在小程序的事件回調觸發時,會接收一個事件對象,事件對象的參數中包含一個target和currentTarget屬性,接下來說說這二者的區別。

首先上代碼:

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;
}

效果圖

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

js部分:

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

當點擊圖中粉色子組件區域時的輸出結果:

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

event.target 為其子組件,也就是觸發該事件的源頭組件

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

當點擊圖中藍色父組件區域時的輸出結果:

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

event.target 為父組件,因為觸發的源頭也就是父組件本身

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

總結:target對應的是觸發事件的源頭組件,這個組件有可能是子組件,有可能是父組件,主要是看執行動作的區域。而currentTarget始終對應事件所綁定的組件。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

建宁县| 开原市| 阿尔山市| 衡南县| 阿坝县| 陇南市| 剑河县| 木里| 花垣县| 长治市| 丘北县| 盐城市| 鹿泉市| 虹口区| 加查县| 武清区| 临猗县| 汝阳县| 贺州市| 榆中县| 黄冈市| 洞口县| 东兰县| 神农架林区| 平江县| 阳信县| 浦县| 南靖县| 池州市| 盘山县| 通州区| 九寨沟县| 札达县| 内黄县| 唐海县| 马公市| 和平县| 瓦房店市| 昭通市| 交口县| 淮阳县|