手动 dispatchEvent DOMContentLoaded答案

【问题标题】：Manually dispatchEvent DOMContentLoaded手动 dispatchEvent DOMContentLoaded
【发布时间】：2012-02-27 12:38:29
【问题描述】：

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

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

以下操作无效：

document.dispatchEvent("DOMContentLoaded")

或

document.body.dispatchEvent("DOMContentLoaded")

【问题讨论】：

标签： javascript dom dom-events

【解决方案1】：

这在 Firefox 中适用于我：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：