06事件冒泡和target和currentTarget

事件三個階段，捕獲，目標對象，冒泡

target

  1. 指的是目標對象
  2. 當父元素上綁定響應函數，子元素沒有響應事件。但是點擊，發生在子元素，那么target依舊是子元素
  3. 因此，事件在哪個元素上被觸發，target就是誰

currentTarget

  1. 因為事件冒泡，click發生在子元素上
  2. 自身有響應事件則執行，沒有繼續冒泡
  3. 父元素沒有響應事件，什么也不執行。有響應事件，執行。
  4. 總之，currentTarget總是存儲著當前響應事件對應的元素

兼容

  1. srcElement是target在舊版瀏覽器的使用方式
  2. FireFox不支持srcElement
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • JavaScript 程序采用了異步事件驅動編程模型。在這種程序設計風格下，當文檔、瀏覽器、元素或與之相關的對象發...
    劼哥stone閱讀 1,274評論 3贊 11
  • (續jQuery基礎(1)) 第5章 DOM節點的復制與替換 （1）DOM拷貝clone() 克隆節點是DOM的常...
    凜0_0閱讀 1,363評論 0贊 8
  • 有關jQuery 事件模塊結構部分的分析可以參考這篇文章，作者分析的很不錯，贊一個。 進題之前，有幾個名詞 Eve...
    江楓閱讀 1,466評論 1贊 13
  • React和Vue對比 相同點: 數據驅動視圖，提供了響應式（Reactive）和組件化（Composable）的...
    Smile丶後來閱讀 495評論 0贊 1
  • 今天13號，回去交了學費和證明，忙的我不知道丟三落四的，吃到了我最愛吃的麻食，原來的五塊錢變成了6塊，還是三鮮的好...
    懂比愛重要閱讀 159評論 0贊 0