<del id="gqkoc"></del>

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

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

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

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

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

var lis = document.querySelectorAll("li");
for(var i =0;i
// 此時是不一樣的
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ù)器寬帶和專線的區(qū)別專線和寬帶的區(qū)別空間和域名的區(qū)別功能和作用的區(qū)別

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

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

相關(guān)文章

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

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

Eastboat 2019-08-20 17:52 評論0 收藏0
IE兼容性

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

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

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

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

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

lk20150415 2019-08-02 16:09 評論0 收藏0