事件-CustomEvent

CustomEvent 接口用于生成自定义的事件实例。

浏览器原生提供 CustomEvent()构造函数，用来生成 CustomEvent 事件实例。

基本使用

new CustomEvent(type, options);

CustomEvent()构造函数接受两个参数。

• 第一个参数是字符串，表示事件的名称，这是必须的。
• 第二个参数是事件的配置对象，这个参数是可选的。

::: tips 特有属性 detail CustomEvent 只有一个特有属性 detail：表示事件的附带数据，默认为 null。 :::

// 绑定自定义事件，使用事件的名称
document.body.addEventListener("build", function (e) {
  console.log(e.detail);
});

// 创建自定义事件
var event = new CustomEvent("build", { detail: "hello" });
// 调用自定义事件
document.body.dispatchEvent(event);