js dispatch

作者：掌心余温发布日期:2025-09-12 浏览:37

// 使用 dispatchEvent 触发自定义事件

// 创建一个自定义事件
const event = new CustomEvent('myCustomEvent', { detail: { message: 'Hello from custom event!' } });

// 创建一个元素并绑定事件监听器
const element = document.createElement('div');
element.addEventListener('myCustomEvent', (e) => {
  console.log(e.detail.message); // 输出: Hello from custom event!
});

// 派发事件
element.dispatchEvent(event);

// 解释:
// 1. 创建一个自定义事件 `myCustomEvent`，并传递一些数据到事件对象中。
// 2. 创建一个 DOM 元素，并为该元素添加一个事件监听器，监听 `myCustomEvent` 事件。
// 3. 当调用 `dispatchEvent` 方法时，会触发该事件，事件监听器中的回调函数会被执行。

上一篇：js 异步执行

下一篇：js settimeout