# 事件-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);