原生js如何实现EventBus通讯?
网友回复
两种方式
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%