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 September 2021.

备注: 此特性在 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

参见