JS自定义事件CustomEvent

2,511 阅读1分钟

发起事件

用法

new CustomEvent(eventName, params)

示例

创建一个自定义事件

let event = new CustomEvent('test', { detail: '测试自定义事件' })

这里值得注意,需要把想要传递的参数包裹在一个包含detail属性的对象,否则传递的参数不会被挂载

发起事件

window.dispatchEvent(event)

调用dispatchEvent方法发起事件,传入刚刚创建的event实例

监听事件

window.addEventListener('test', e => {  console.log(e) // {detail: '测试自定义事件'}})