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