欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序中target和currentTarget的區(qū)別小結(jié)

 更新時(shí)間：2020年11月06日 14:08:46   作者：田珊珊個(gè)人博客  
這篇文章主要給大家介紹了關(guān)于微信小程序中target和currentTarget區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

在小程序中，e.target與e.currentTarget是非常重要的，尤其是涉及到頁(yè)面?zhèn)髦禃r(shí)

currentTarget和target都是組件的一些屬性值集合，由“data-屬性名”定義的一些屬性值

currentTarget：事件觸發(fā)的當(dāng)前事件（當(dāng)前事件，可能是觸發(fā)事件的源組件，可能是觸發(fā)的事件組件（即觸發(fā)事件源組件的子元素），此時(shí)點(diǎn)擊子元素還是父元素，都是當(dāng)前事件，應(yīng)用e.currentTarget
target：觸發(fā)事件的源組件(事件注冊(cè)/綁定所在組件)

舉個(gè)例子：

<view bindtap="parentClick" data-parent="父元素">
<view data-child="子元素">編輯</view> 
 </view>

然后點(diǎn)擊父元素中的子元素時(shí)：

parentClick事件中的currentTarget和target打印出來(lái)，如下：

parentClick:function(e){
console.log("點(diǎn)擊父元素")
console.log("target",e.target)//target:{child:"子元素"}
console.log("currentTarget",e.currentTarget)//target:{parent:"父元素"}
}

因?yàn)榻壎ㄔ诟冈厣系膒arentClick事件，是由子元素觸發(fā)的，所以target的值就是子元素所包含的一些屬性值集合；currentTarget則是綁定事件的該組件（父元素）的屬性值集合。

給子元素綁定一個(gè)事件：childClick，打印出來(lái)的currentTarget和target就是一樣的。

<view bindtap="parentClick" data-parent="父元素">
<view bindtap="childClick" data-child="子元素">編輯</view> 
 </view>

然后點(diǎn)擊子元素事件：

childClick:function(e){
console.log("點(diǎn)擊父元素")
console.log("target",e.target)//target:{child:"子元素"}
console.log("currentTarget",e.currentTarget)//target:{child:"子元素"}
}

擴(kuò)展

結(jié)合this來(lái)看：

  • this === e.currentTarget 總是為true
  • this === e.target 有可能不是true

到此這篇關(guān)于微信小程序中target和currentTarget區(qū)別的文章就介紹到這了,更多相關(guān)微信小程序target和currentTarget區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論