資訊專欄INFORMATION COLUMN
摘要：寫在最前遺漏的知識點的第二個參數(shù)不光可以傳入一個函數(shù)，還可以傳入一個實現(xiàn)了接口的對象。文檔中的描述當所監(jiān)聽的事件類型觸發(fā)時，會接收到一個事件通知實現(xiàn)了接口的對象對象。
寫在最前
遺漏的知識點：addEventListener的第二個參數(shù)不光可以傳入一個函數(shù)，還可以傳入一個實現(xiàn)了EventListener 接口的對象。
文檔中的描述listener當所監(jiān)聽的事件類型觸發(fā)時，會接收到一個事件通知（實現(xiàn)了 Event 接口的對象）對象。listener 必須是一個實現(xiàn)了 EventListener 接口的對象，或者是一個函數(shù)
摘自MDN
我一直都是在listener中傳入一個函數(shù)，通過監(jiān)聽事件發(fā)生來實現(xiàn)一些邏輯。然而看到文檔描述中先提到了“一個實現(xiàn)了EventListener接口的對象”通過進一步查看文檔了解到，這個對象指的就是一個含有handleEvent方法的對象。
var obj = {
// ...
handleEvent: function(event) {
// ...
console.log("event", event)
}
}
document.body.addEventListener("click", obj, false)
當EventListener所注冊的事件發(fā)生時，該方法就會被調(diào)用，同時會有一個event參數(shù)傳入到方法中。
了解了概念之后就要看這個知識點能為實際開發(fā)帶來什么好處了
開發(fā)中的應用舉個
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/96012.html
摘要：具體的模型可以看冒泡模型上面的官方文檔中，我只研究一下捕獲階段和冒泡階段。修復第二個我們既然知道了第二個產(chǎn)生的原因，那么我們阻止冒泡順序解決的方案，不讓其往上冒泡，自己管理。 本文探索一下Event的冒泡過程和初學遇到的幾個小bug DOM Event概述 Event接口是檢測在DOM中的發(fā)生的所有事件，我們一直在用，而且從DOM的很早的版本就一直在用著。早期的網(wǎng)景(后來的火狐)和IE...
摘要：具體的模型可以看冒泡模型上面的官方文檔中，我只研究一下捕獲階段和冒泡階段。修復第二個我們既然知道了第二個產(chǎn)生的原因，那么我們阻止冒泡順序解決的方案，不讓其往上冒泡，自己管理。 本文探索一下Event的冒泡過程和初學遇到的幾個小bug DOM Event概述 Event接口是檢測在DOM中的發(fā)生的所有事件，我們一直在用，而且從DOM的很早的版本就一直在用著。早期的網(wǎng)景(后來的火狐)和IE...
摘要：具體的模型可以看冒泡模型上面的官方文檔中，我只研究一下捕獲階段和冒泡階段。修復第二個我們既然知道了第二個產(chǎn)生的原因，那么我們阻止冒泡順序解決的方案，不讓其往上冒泡，自己管理。 本文探索一下Event的冒泡過程和初學遇到的幾個小bug DOM Event概述 Event接口是檢測在DOM中的發(fā)生的所有事件，我們一直在用，而且從DOM的很早的版本就一直在用著。早期的網(wǎng)景(后來的火狐)和IE...
摘要：前言本文主要組件的大致框架，提供少量可配置選項。旨在大致提供思路常用于展示鼠標時的提示信息。由屬性決定展示效果屬性值為方向?qū)R位置四個方向。屬性用于設置觸發(fā)的方式，默認為。 前言 本文主要Alert 組件的大致框架， 提供少量可配置選項。 旨在大致提供思路 tooltip 常用于展示鼠標 hover 時的提示信息。 模板結構 ...
閱讀 1919·2021-11-22 15:25
閱讀 4157·2021-11-17 09:33
閱讀 2604·2021-10-12 10:12
閱讀 1885·2021-10-09 09:44
閱讀 3305·2021-10-08 10:04
閱讀 1389·2021-09-29 09:35
閱讀 2019·2019-08-30 12:57
閱讀 1377·2019-08-29 16:22
