CustomEvent:detail 属性
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
备注: 此特性在 Web Worker 中可用。
CustomEvent
接口的 detail
只读属性返回初始化事件时传递的任何数据。
值
事件初始化时使用的数据。
示例
js
// 创建自定义事件
const catFound = new CustomEvent("animalfound", {
detail: {
name: "cat",
},
});
const dogFound = new CustomEvent("animalfound", {
detail: {
name: "dog",
},
});
const element = document.createElement("div"); // 创建一个 <div> 元素
// 添加适当的事件监听
element.addEventListener("animalfound", (e) => console.log(e.detail.name));
// 派发事件
element.dispatchEvent(catFound);
element.dispatchEvent(dogFound);
// 在控制台中输出“cat”和“dog”
规范
Specification |
---|
DOM Standard # ref-for-dom-customevent-detail② |
浏览器兼容性
BCD tables only load in the browser