當(dāng)前位置:首頁 >  站長 >  編程技術(shù) >  正文

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

 2020-11-05 14:05  來源: 田珊珊個人博客   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

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

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

currentTarget:事件觸發(fā)的當(dāng)前事件(當(dāng)前事件,可能是觸發(fā)事件的源組件,可能是觸發(fā)的事件組件(即觸發(fā)事件源組件的子元素),此時點(diǎn)擊子元素還是父元素,都是當(dāng)前事件,應(yīng)用e.currentTarget

target:觸發(fā)事件的源組件(事件注冊/綁定所在組件)

舉個例子:

 

編輯

 

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

parentClick事件中的currentTarget和target打印出來,如下:

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則是綁定事件的該組件(父元素)的屬性值集合。

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

 

編輯

 

然后點(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來看:

this === e.currentTarget 總是為true

this === e.target 有可能不是true

文章來源:田珊珊個人博客

來源地址:http://www.tianshan277.com/824.html

申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
target目錄沒顯示

相關(guān)文章

  • 關(guān)于target目錄在idea沒顯示的問題

    這篇文章主要介紹了關(guān)于target目錄在idea沒顯示的問題,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下!

    標(biāo)簽:
    target目錄沒顯示
  • 關(guān)于在網(wǎng)頁中使用Target=_blank需要注意的地方

    首先確定一點(diǎn),合理而不頻繁的使用target=_blank是能夠在一定程度上為網(wǎng)站帶來回旋流量和點(diǎn)擊。同時在細(xì)節(jié)上使用target=_blank也可以增強(qiáng)網(wǎng)站整體性用戶體驗(yàn)。不合理的布局target=_blank,創(chuàng)建太多網(wǎng)頁窗口會給用戶帶來一定程度上的電腦資源浪費(fèi),同時這也違

    標(biāo)簽:
    target目錄沒顯示
  • 我為什么要加 target=_blank 的屬性

    網(wǎng)頁該不該加target="_blank"屬性,這是爭論已久的問題。我們根據(jù)后臺統(tǒng)計(jì)系統(tǒng),對用戶行為進(jìn)行分析,然后做出一個決定---讓列表頁面的鏈接彈出新的窗口!

    標(biāo)簽:
    target目錄沒顯示

熱門排行

信息推薦