事件监听、自定义事件、事件派遣是什么?

667 阅读1分钟

基本概念

  • 事件监听 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'}

对了,其他内容,可以查看我的更多文章😋