e.target和e.currenttarget的區別

Tony_Zby 發布于2019-08-21 18:24 / 564人閱讀

摘要：兩者在沒有冒泡的情況下，是一樣的值，但在用了事件委托的情況下，就不一樣了，例如結構此時和是一樣的都是點擊的標簽此時是不一樣的當前的元素的當前的元素的

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

// 此時target和currentTarget是一樣的都是點擊的li標簽

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


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

GPU云服務器云服務器寬帶和專線的區別專線和寬帶的區別空間和域名的區別功能和作用的區別

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90421.html

JS事件總結--試驗過的一些小經驗

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

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

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

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

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

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

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

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