事件监听、自定义事件、事件派遣是什么?
基本概念
事件监听 addEventListener
监听一个事件触发,并且执行回调。
自定义事件 CustomEvent
初始化一个 CustomEvent 对象。如果重复初始化,会进行覆盖。
事件派遣 dispatchEvent
说白了就是直接在js中触发事件。
使用方法
直接上例子:
//添加事件监听 dom.addEventListener("cat", function(e) { console.log(e.detail) }); //创建自定义事件 let event = new CustomEvent("cat", { bubbles:true, //是否支持冒泡 cancelable:true,//是否支持取消事件 detail:{ say:'hello world' } }); //派遣事件 dom.dispatchEvent(event); //{say:'hello world'}复制代码
对了,其他内容,可以查看我的更多文章????
作者:AEI
链接:https://juejin.cn/post/7024422530467233822