這篇文章主要介紹了關於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中文網其他相關文章!