通讯

64 阅读1分钟
  1. js customEvent

如果你想在 JavaScript 中创建自定义事件,可以使用 CustomEvent 对象。下面是一个简单的示例代码:

// 创建一个自定义事件
var myEvent = new CustomEvent('myEvent', {
  detail: { key: 'value' }, // 可选的数据对象
  bubbles: true, // 是否冒泡,默认为 false
  cancelable: true // 是否可取消,默认为 false
});

// 添加事件监听器
document.addEventListener('myEvent', function(event) {
  console.log('自定义事件触发了!');
  console.log('传递的数据:', event.detail);
});

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

在上面的代码中,我们首先创建了一个名为 myEvent 的自定义事件,并通过 detail 属性传递了一些数据。然后,我们使用 addEventListener 方法来添加一个事件监听器,当 myEvent 事件被触发时,会执行回调函数并打印相关信息。最后,我们使用 dispatchEvent 方法手动触发了自定义事件。