js 自定义事件

作者：故事没有她发布日期:2025-07-02 浏览:94

// 自定义事件的创建和触发

// 1. 创建一个自定义事件
const event = new CustomEvent('myCustomEvent', {
  detail: {
    message: '这是一个自定义事件'
  }
});

// 2. 添加事件监听器
document.addEventListener('myCustomEvent', function(e) {
  console.log('事件触发了:', e.detail.message);
});

// 3. 触发自定义事件
document.dispatchEvent(event);

// 解释说明：
// - 第一步：使用 `new CustomEvent` 创建一个自定义事件，传入事件名称和一个配置对象。配置对象中可以包含 `detail` 属性，用于传递额外的数据。
// - 第二步：使用 `addEventListener` 方法为文档添加一个监听器，当自定义事件被触发时，执行回调函数并处理事件数据。
// - 第三步：使用 `dispatchEvent` 方法触发自定义事件，事件会按照注册顺序依次调用所有监听器。

上一篇：nodejs 安装npm

下一篇：js lodash