亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

前言

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

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

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

舉個例子：

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

然后點擊父元素中的子元素時：

parentClick事件中的currentTarget和target打印出來，如下：

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

因為綁定在父元素上的parentClick事件，是由子元素觸發(fā)的，所以target的值就是子元素所包含的一些屬性值集合；currentTarget則是綁定事件的該組件（父元素）的屬性值集合。

給子元素綁定一個事件：childClick，打印出來的currentTarget和target就是一樣的。

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

然后點擊子元素事件：

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

擴展

結合this來看：

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

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

相關文章

最新評論