此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

CustomEvent:detail 属性

基线 广泛可用

自 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”

规范

规范
DOM
# ref-for-dom-customevent-detail②

浏览器兼容性

参见