摘要:先上圖當(dāng)點擊對象與事件監(jiān)聽對象是同一個時,和得到的是同一個對象在紅色區(qū)域的綁定點擊事件的監(jiān)聽,點擊紅色區(qū)域,此時,指的是當(dāng)前點擊的對象,即紅色的對象,而指得是點擊事件綁定的對象,也是紅色區(qū)域的當(dāng)點擊對象與事件監(jiān)聽對象不是同一個時,和得到的不
先上圖:
在紅色區(qū)域的div綁定點擊事件的監(jiān)聽,點擊紅色區(qū)域,此時,event.target 指的是當(dāng)前點擊的對象,即紅色div的DOM對象,而event.currentTarget指得是點擊事件綁定的對象,也是紅色區(qū)域的div
123333
2. 當(dāng)點擊對象與事件監(jiān)聽對象不是同一個時,event.target 和 event.currentTarget 得到的不是同一個對象
在外層的div綁定點擊事件的監(jiān)聽,點擊紅色區(qū)域,此時,event.target 指的是當(dāng)前點擊的對象,即紅色div的DOM對象,而event.currentTarget指得是點擊事件綁定的對象,即外層div
代碼:
123333
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/85830.html
摘要:源碼源碼行被點擊了點擊了,即委托的事件被點擊了優(yōu)先添加委托,再添加其他即委托在上的事件數(shù)量在下標(biāo)為的位置插入委托事件解析可以看到,是優(yōu)先添加委托事件,再添加自身事件,觸發(fā)事件的時候也是按這個順序。 showImg(https://segmentfault.com/img/remote/1460000019419722); 前言:請先回顧下我之前寫的一篇文章:JavaScript之事件委...
前言 在平常開發(fā)過程中,就算不使用現(xiàn)在主流的框架也至少得使用個Jquery,這些工具幫我們統(tǒng)一不同瀏覽器平臺之間的差異和細節(jié),可以將注意力集中到開發(fā)上來. 不過有意思的一點是,在看完高程的N年后我居然連event對象中的target和currentTarget屬性的區(qū)別都忘記了. 先提幾個引子: 你能說出event.currentTarget和event.target的區(qū)別嗎? 如果可以那么ev...
前言 在平常開發(fā)過程中,就算不使用現(xiàn)在主流的框架也至少得使用個Jquery,這些工具幫我們統(tǒng)一不同瀏覽器平臺之間的差異和細節(jié),可以將注意力集中到開發(fā)上來. 不過有意思的一點是,在看完高程的N年后我居然連event對象中的target和currentTarget屬性的區(qū)別都忘記了. 先提幾個引子: 你能說出event.currentTarget和event.target的區(qū)別嗎? 如果可以那么ev...
摘要:有的時候注冊事件的監(jiān)聽者并不是事件的觸發(fā)者,實際事件的觸發(fā)者是,事件目標(biāo)是一個由可以接收事件的對象實現(xiàn)的接口,并且可以為它們創(chuàng)建偵聽器。中刪除事件偵聽器。將事件分派到此。事件本身包含所有事件通用的屬性和方法。 dom event簡介 Event接口表示在DOM中發(fā)生的任何事件; 一些是用戶生成的(例如鼠標(biāo)或鍵盤事件),而其他由API生成(例如指示動畫已經(jīng)完成運行的事件,視頻已被暫停等等...
閱讀 1998·2021-11-24 09:39
閱讀 992·2021-11-11 16:55
閱讀 1448·2021-10-09 09:43
閱讀 1434·2021-10-08 10:17
閱讀 1666·2021-08-25 09:41
閱讀 438·2019-08-30 13:02
閱讀 641·2019-08-29 15:14
閱讀 1017·2019-08-29 13:53