基本概念
- 事件监听 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'}
对了,其他内容,可以查看我的更多文章😋