首頁 > web前端 > js教程 > addEventListener中的EventListener的介面對象

addEventListener中的EventListener的介面對象

不言
發布: 2018-07-09 14:54:51
原創
2317 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板