+
95
-

原生js如何实现EventBus通讯?

原生js如何实现EventBus通讯?


网友回复

+
15
-

两种方式

1、通过document.addEventListener实现

// 监听事件,当事件触发时,执行回调函数
document.addEventListener('test', (event) => {
  console.log(event.detail.title); // 从事件对象中获取传递的数据
});
   // 创建一个带有自定义数据的 CustomEvent 对象

const event = new CustomEvent('test', {
  detail: { title: '事件携带的数据' } // 使用 'detail' 属性来传递额外的数据
});

// 触发事件,并将自定义数据作为参数传递
document.dispatchEvent(event);

2、自定义写一个eventbus类

<script type="text/javascript">
 ...

点击查看剩余70%

我知道答案,我要回答