e.target和e.currenttarget的區(qū)別

Tony_Zby 發(fā)布于2019-08-21 18:24 / 567人閱讀

摘要：兩者在沒(méi)有冒泡的情況下，是一樣的值，但在用了事件委托的情況下，就不一樣了，例如結(jié)構(gòu)此時(shí)和是一樣的都是點(diǎn)擊的標(biāo)簽此時(shí)是不一樣的當(dāng)前的元素的當(dāng)前的元素的

// 兩者在沒(méi)有冒泡的情況下，是一樣的值，但在用了事件委托的情況下，就不一樣了，例如：
// DOM 結(jié)構(gòu)

// 此時(shí)target和currentTarget是一樣的都是點(diǎn)擊的li標(biāo)簽

var lis = document.querySelectorAll("li");
for(var i =0;i
// 此時(shí)是不一樣的
var ul = document.querySelector("ul");
ul.addEventListener("click", function (e) {
    console.log(e.target);  //當(dāng)前的li
    console.log(e.currentTarget); //元素的ul
})


$("ul").click(function (e) {
    console.log(e.target);  //當(dāng)前的li
    console.log(e.currentTarget); //元素的ul
})

云服務(wù)器 GPU云服務(wù)器寬帶和專(zhuān)線(xiàn)的區(qū)別專(zhuān)線(xiàn)和寬帶的區(qū)別空間和域名的區(qū)別功能和作用的區(qū)別

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/90421.html

相關(guān)文章

JS事件總結(jié)--試驗(yàn)過(guò)的一些小經(jīng)驗(yàn)

摘要：從開(kāi)始已經(jīng)支持事件捕獲了。刪除通過(guò)級(jí)方法指定的事件處理程序，只要將事件處理程序的屬性值設(shè)置為即可。如果是，則可以使用這個(gè)方法取消事件的進(jìn)一步捕獲或冒泡，同時(shí)阻止任何事件處理程序被調(diào)用取消事件的進(jìn)一步捕獲或冒泡。從IE9開(kāi)始已經(jīng)支持事件捕獲了。刪除通過(guò)DOM0級(jí)方法指定的事件處理程序，只要將事件處理程序的屬性值設(shè)置為null即可。btn.onclick=null; attachEven...

Eastboat 2019-08-20 17:52 評(píng)論0 收藏0
IE兼容性

摘要：方式方式方式指向節(jié)點(diǎn)對(duì)象輸出事件對(duì)象輸出事件對(duì)象輸出事件對(duì)象指向節(jié)點(diǎn)對(duì)象輸出事件對(duì)象輸出事件對(duì)象輸出事件對(duì)象指向全局對(duì)象輸出事件對(duì)象如果是方式定義的時(shí)候也可以沒(méi)有形參但是被調(diào)用的時(shí)候一定會(huì)傳遞一個(gè)事件對(duì)象如果有形參則用接收如果沒(méi)有可以在函數(shù) hello1 //方式1 hello2 //方式2 hello3 //方式3 document.ge...

劉東 2019-08-20 14:45 評(píng)論0 收藏0
前端基礎(chǔ) — Web事件總結(jié)

摘要：中的所有事件處理器都是由提供的。事件觸發(fā)時(shí)的回調(diào)函數(shù)。一個(gè)布爾值，表示該事件是否能夠在中冒泡。注冊(cè)事件監(jiān)聽(tīng)的對(duì)象。對(duì)事件起源目標(biāo)的引用。方法作用取消默認(rèn)事件阻止事件冒泡對(duì)象。用法向派發(fā)事件寫(xiě)在后面事件，是前端開(kāi)發(fā)中的一個(gè)基礎(chǔ)。本文首發(fā)于公眾號(hào)：符合預(yù)期的CoyPan web中的事件事件并不是JavaScript的核心部分，他們是在瀏覽器的Web Api中定義的。下面列舉的幾種情況，...

April 2019-08-23 14:42 評(píng)論0 收藏0
重探瀏覽器事件(淺析事件編程化)

前言在平常開(kāi)發(fā)過(guò)程中,就算不使用現(xiàn)在主流的框架也至少得使用個(gè)Jquery,這些工具幫我們統(tǒng)一不同瀏覽器平臺(tái)之間的差異和細(xì)節(jié),可以將注意力集中到開(kāi)發(fā)上來(lái). 不過(guò)有意思的一點(diǎn)是,在看完高程的N年后我居然連event對(duì)象中的target和currentTarget屬性的區(qū)別都忘記了. 先提幾個(gè)引子: 你能說(shuō)出event.currentTarget和event.target的區(qū)別嗎? 如果可以那么ev...

lk20150415 2019-08-02 16:09 評(píng)論0 收藏0