如何用 dispatchEvent 在 window 全局触发自定义的消息通知

张开发
• 2026/4/20 5:17:16 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

如何用 dispatchEvent 在 window 全局触发自定义的消息通知
直接在window上用dispatchEvent触发自定义消息通知核心是创建带数据的CustomEvent并派发到全局作用域通过new CustomEvent(type,{detail:data})创建事件window.dispatchEvent()派发可统一封装为window.emit()函数监听时用window.addEventListener(type,ee.detail)获取数据。直接在 window 上用 dispatchEvent 触发自定义消息通知核心是创建带数据的 CustomEvent 并派发到全局作用域。这种方式轻量、无依赖适合跨模块或微前端场景下的简单通信。创建并触发带参数的自定义事件使用 CustomEvent 构造器创建事件把通知内容放在 detail 字段里这是标准且推荐的方式用 new CustomEvent(notify, { detail: { title: 系统提示, content: 操作成功 } }) 创建事件 调用 window.dispatchEvent(event) 派发到全局 bubbles: true 可选若需事件冒泡到 document 或 body 可开启一般通知类不需 cancelable: true 可选仅当需要监听方能调用 e.preventDefault() 阻止后续逻辑时才设为 true统一封装全局触发函数避免每次重复写创建逻辑可挂载一个简易工具方法到 window Cleanup.pictures 智能移除图片中的物体、文本、污迹、人物或任何不想要的东西

更多文章