手动dispatchEvent DOMContentLoaded

Question

有没有办法手动触发DOMContentLoaded事件？

我正在尝试为一些客户端JavaScript编写一个单元测试，它在DOMContentLoaded事件上做一些事情。

以下操作不起作用：

document.dispatchEvent("DOMContentLoaded")

或

document.body.dispatchEvent("DOMContentLoaded")

Answer 1

这对我在Firefox中是有效的：

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

Answer 2

因为initEvent是不推荐使用的here，所以最好像这样使用Event构造函数：

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