addEventListener中的EventListener的介面對象

這篇文章主要介紹了關於addEventListener中的EventListener介面對象，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

寫在最前面

#遺漏的知識點：addEventListener的第二個參數不光可以傳入一個函數，也可以傳入一個實作了EventListener 介面的物件。

文件中的描述

listener

當所監聽的事件類型觸發時，會接收到一個事件通知（實作了Event介面的對象）對象。 listener 必須是實作了EventListener 介面的對象，或是一個函數

摘自MDN

我一直都是在listener中傳入一個函數，透過監聽事件發生來實現一些邏輯。然而看到文檔描述中先提到了「一個實現了EventListener介面的物件」透過進一步查看文檔了解到，這個物件指的就是一個含有handleEvent方法的物件。

var obj = {
   // ...
    handleEvent: function(event) {
        // ...
        console.log('event', event)
    }
}
document.body.addEventListener('click', obj, false)

當EventListener所註冊的事件發生時，該方法就會被調用，同時會有一個event參數傳入到方法中。

了解了概念之後就要看這個知識點能為實際開發帶來什麼好處了

開發中的應用

舉個

以上是addEventListener中的EventListener的介面對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！