加载时的窗口调度事件不适用于内联脚本

Question

我有一个简单的内联 hbs 脚本，它应该在窗口加载时广播一个自定义事件：<script>    window.onload = function () {        var evt = new Event('global:initialize-alert-banners');        window.dispatchEvent(evt, function(e) {            console.log('why doesnt this broadcast?', e)        });    };</script>使用 Node 调试器，我可以看到 evt 变量已成功创建，但是当需要在窗口上调度事件时，没有任何触发。任何帮助是极大的赞赏。

Answer 1

该EventTarget.dispatchEvent()方法不接受回调。在调度事件之前，您需要向窗口添加一个事件侦听器：

window.addEventListener('global:initialize-alert-banners', () => console.log('global:initialize-alert-banners dispatched'))

window.onload = function() {

  var evt = new Event('global:initialize-alert-banners');

  window.dispatchEvent(evt);

};

Answer 2

您可以附加 EventListener

window.addEventListener('load',()=>{

    //code

});