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 2015年7月.
备注: 此特性在 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> # ref-for-dom-customevent-detail②> |