国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 小程序 > 正文

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

2020-03-21 15:57:22
字體:
來源:轉載
供稿:網友

在小程序的事件回調觸發時,會接收一個事件對象,事件對象的參數中包含一個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始終對應事件所綁定的組件。

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿合奇县| 靖远县| 横山县| 托克托县| 西宁市| 磐石市| 双桥区| 晋中市| 嘉义市| 汾阳市| 营口市| 沙洋县| 历史| 永城市| 壶关县| 绥芬河市| 大埔区| 江城| 新闻| 德令哈市| 黑山县| 大安市| 沛县| 垫江县| 合山市| 兴安盟| 琼海市| 凤城市| 福贡县| 奉化市| 军事| 新源县| 长垣县| 邛崃市| 东方市| 万载县| 和平区| 霍邱县| 若羌县| 常熟市| 郓城县|