javascript 手动 dispatchEvent DOMContentLoaded

Manually dispatchEvent DOMContentLoaded

提问by Robin Heggelund Hansen

Is there any way to manually fire the DOMContentLoadedevent? I'm trying to write a unit-test for some client-side JavaScript which does some stuff on the DOMContentLoadedevent.

有没有办法手动触发DOMContentLoaded事件？我正在尝试为一些客户端 JavaScript 编写一个单元测试，它在DOMContentLoaded事件上做一些事情。

The following did not work:

以下方法无效：

document.dispatchEvent("DOMContentLoaded")or document.body.dispatchEvent("DOMContentLoaded")

document.dispatchEvent("DOMContentLoaded")或者 document.body.dispatchEvent("DOMContentLoaded")

回答by Inversion

This works for me in Firefox:

这在 Firefox 中对我有用：

var DOMContentLoaded_event = document.createEvent("Event")
DOMContentLoaded_event.initEvent("DOMContentLoaded", true, true)
window.document.dispatchEvent(DOMContentLoaded_event)

回答by Hank Chiu

Since initEventis deprecated here, it's better to use Eventcontructor like this:

由于此处initEvent已弃用，因此最好使用这样的构造函数：Event

window.document.dispatchEvent(new Event("DOMContentLoaded", {
  bubbles: true,
  cancelable: true
}));