資訊專欄INFORMATION COLUMN
摘要：寫在最前遺漏的知識點的第二個參數不光可以傳入一個函數，還可以傳入一個實現了接口的對象。文檔中的描述當所監聽的事件類型觸發時，會接收到一個事件通知實現了接口的對象對象。
寫在最前
遺漏的知識點：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參數傳入到方法中。
了解了概念之后就要看這個知識點能為實際開發帶來什么好處了
開發中的應用舉個
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96012.html
摘要：具體的模型可以看冒泡模型上面的官方文檔中，我只研究一下捕獲階段和冒泡階段。修復第二個我們既然知道了第二個產生的原因，那么我們阻止冒泡順序解決的方案，不讓其往上冒泡，自己管理。 本文探索一下Event的冒泡過程和初學遇到的幾個小bug DOM Event概述 Event接口是檢測在DOM中的發生的所有事件，我們一直在用，而且從DOM的很早的版本就一直在用著。早期的網景(后來的火狐)和IE...
摘要：具體的模型可以看冒泡模型上面的官方文檔中，我只研究一下捕獲階段和冒泡階段。修復第二個我們既然知道了第二個產生的原因，那么我們阻止冒泡順序解決的方案，不讓其往上冒泡，自己管理。 本文探索一下Event的冒泡過程和初學遇到的幾個小bug DOM Event概述 Event接口是檢測在DOM中的發生的所有事件，我們一直在用，而且從DOM的很早的版本就一直在用著。早期的網景(后來的火狐)和IE...
摘要：具體的模型可以看冒泡模型上面的官方文檔中，我只研究一下捕獲階段和冒泡階段。修復第二個我們既然知道了第二個產生的原因，那么我們阻止冒泡順序解決的方案，不讓其往上冒泡，自己管理。 本文探索一下Event的冒泡過程和初學遇到的幾個小bug DOM Event概述 Event接口是檢測在DOM中的發生的所有事件，我們一直在用，而且從DOM的很早的版本就一直在用著。早期的網景(后來的火狐)和IE...
摘要：前言本文主要組件的大致框架，提供少量可配置選項。旨在大致提供思路常用于展示鼠標時的提示信息。由屬性決定展示效果屬性值為方向對齊位置四個方向。屬性用于設置觸發的方式，默認為。 前言 本文主要Alert 組件的大致框架， 提供少量可配置選項。 旨在大致提供思路 tooltip 常用于展示鼠標 hover 時的提示信息。 模板結構 ...
閱讀 1847·2021-11-22 15:25
閱讀 3912·2021-11-17 09:33
閱讀 2507·2021-10-12 10:12
閱讀 1802·2021-10-09 09:44
閱讀 3235·2021-10-08 10:04
閱讀 1313·2021-09-29 09:35
閱讀 1947·2019-08-30 12:57
閱讀 1303·2019-08-29 16:22
