手动dispatchEvent DOMContentLoaded

Question

有什么方法可以手动触发

DOMContentLoaded

事件吗？

我正在尝试为一些客户端 JavaScript 编写一个单元测试，该测试在

DOMContentLoaded

事件上执行一些操作。

以下方法不起作用：

document.dispatchEvent("DOMContentLoaded")

或

document.body.dispatchEvent("DOMContentLoaded")

Answer 1

由于

initEvent

已被弃用，最好使用

Event

构造函数，如下所示：

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

Answer 2

这在 Firefox 中对我有用：

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