event.target 和 event.currentTarget

willin 發布于2019-08-21 10:35 / 1526人閱讀

摘要：先上圖當點擊對象與事件監聽對象是同一個時，和得到的是同一個對象在紅色區域的綁定點擊事件的監聽，點擊紅色區域，此時，指的是當前點擊的對象，即紅色的對象，而指得是點擊事件綁定的對象，也是紅色區域的當點擊對象與事件監聽對象不是同一個時，和得到的不

先上圖：

1. 當點擊對象與事件監聽對象是同一個時，event.target 和 event.currentTarget 得到的是同一個對象

在紅色區域的div綁定點擊事件的監聽，點擊紅色區域，此時，event.target 指的是當前點擊的對象，即紅色div的DOM對象，而event.currentTarget指得是點擊事件綁定的對象，也是紅色區域的div


    123
333

2. 當點擊對象與事件監聽對象不是同一個時，event.target 和 event.currentTarget 得到的不是同一個對象

在外層的div綁定點擊事件的監聽，點擊紅色區域，此時，event.target 指的是當前點擊的對象，即紅色div的DOM對象，而event.currentTarget指得是點擊事件綁定的對象，即外層div

代碼：


    123
333

GPU云服務器云服務器智和網絡智和網絡 session和cookie的區別和聯系萬網和和校驗

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

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

jQuery源碼解析之你并不真的懂事件委托及target和currenttarget的區別

摘要：源碼源碼行被點擊了點擊了，即委托的事件被點擊了優先添加委托，再添加其他即委托在上的事件數量在下標為的位置插入委托事件解析可以看到，是優先添加委托事件，再添加自身事件，觸發事件的時候也是按這個順序。 showImg(https://segmentfault.com/img/remote/1460000019419722); 前言：請先回顧下我之前寫的一篇文章：JavaScript之事件委...

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

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

lk20150415 2019-08-02 16:09 評論0 收藏0
重探瀏覽器事件(淺析事件編程化)

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

phodal 2019-08-26 13:39 評論0 收藏0
細說event.currentTarget & event.target的不同使用

摘要：有的時候注冊事件的監聽者并不是事件的觸發者，實際事件的觸發者是，事件目標是一個由可以接收事件的對象實現的接口，并且可以為它們創建偵聽器。中刪除事件偵聽器。將事件分派到此。事件本身包含所有事件通用的屬性和方法。 dom event簡介 Event接口表示在DOM中發生的任何事件; 一些是用戶生成的（例如鼠標或鍵盤事件），而其他由API生成(例如指示動畫已經完成運行的事件，視頻已被暫停等等...

codercao 2019-08-21 16:44 評論0 收藏0