国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

細說event.currentTarget & event.target的不同使用

codercao / 887人閱讀

摘要:有的時候注冊事件的監聽者并不是事件的觸發者,實際事件的觸發者是,事件目標是一個由可以接收事件的對象實現的接口,并且可以為它們創建偵聽器。中刪除事件偵聽器。將事件分派到此。事件本身包含所有事件通用的屬性和方法。

dom event簡介

Event接口表示在DOM中發生的任何事件; 一些是用戶生成的(例如鼠標或鍵盤事件),而其他由API生成(例如指示動畫已經完成運行的事件,視頻已被暫停等等)。事件添加有以下幾個方法:

EventTarget.addEventListener
注意: Internet Explorer 6-8 并不支持這個方法,而是提供了類似的 element.attachEvent API 。如果要進行跨瀏覽器使用,請考慮使用有效的JavaScript 庫。

html的屬性添加

可以看到輸出如下:

具體的說就是event.currentTarget是注冊事件時所指向的元素,而event.target是響應事件的最小子元素,也就是最深層級的觸發事件的元素,需要開發者合理使用。
可以分情況使用:

event.currentTarget在注冊事件時如果希望獲取事件監聽者的相關屬性數據而不是出發事件的子元素的一些屬性或者數據的話,可以使用。

event.target適合監聽者是自身的時候,所以很多可點擊的元素都沒有孩子元素。

注意:很多時候我們需要做區域點擊響應,這樣的話需要注意你點擊時需要操作的數據,因為觸發事件的元素是不確定的,但是可以考慮把數據放在監聽者的屬性中,這樣使用event.currentTarget來獲取詩句就是可靠地行為

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

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

相關文章

  • 重探瀏覽器事件(淺析事件編程化)

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

    lk20150415 評論0 收藏0
  • 重探瀏覽器事件(淺析事件編程化)

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

    phodal 評論0 收藏0
  • DOM事件機制

    摘要:而事件分為個級別級事件處理,級事件處理和級事件處理。一個事件發生后,會在子元素和父元素之間傳播。也就是說,始終是監聽事件者,而是事件的真正發出者。五參考文章級別與事件事件機制解惑事件模型事件委托詳解事件的學與記和和的區別 前言 本文主要介紹DOM事件級別、DOM事件模型、事件流、事件代理和Event對象常見的應用,希望對你們有些幫助和啟發! 本文首發地址為GitHub博客,寫文章不易,...

    laznrbfe 評論0 收藏0
  • DOM事件機制

    摘要:而事件分為個級別級事件處理,級事件處理和級事件處理。一個事件發生后,會在子元素和父元素之間傳播。也就是說,始終是監聽事件者,而是事件的真正發出者。五參考文章級別與事件事件機制解惑事件模型事件委托詳解事件的學與記和和的區別 前言 本文主要介紹DOM事件級別、DOM事件模型、事件流、事件代理和Event對象常見的應用,希望對你們有些幫助和啟發! 本文首發地址為GitHub博客,寫文章不易,...

    cooxer 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<