搜索

+

95

-

原生js如何实现EventBus通讯？

javascript

原生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%

by 钱端世界

我知道答案，我要回答

我有问题

最新提问