javascript - 为什么 jsfiddle 的 EvenListener 无法正常工作？

Question

请查看jsfiddle 或在这里:

JS:

document.addEventListener('DOMContentLoaded', function myFunction() {
alert("Hello! I am an alert box");
}, false);

为什么这个事件监听器不工作？它应该有效，因为它在其他地方都有效。我认为这是因为 iframe 但我不知道...

有什么想法吗？

Answer 1

您已配置 JS Fiddle 将代码包装在 onload 事件处理程序中。

事件的顺序是:

1. 加载事件处理程序已绑定(bind)。
2. DOM 内容已加载触发。没有任何东西在监听它。
3. 加载事件触发。
4. 加载处理程序执行并绑定(bind) DOM 内容加载监听器

您需要在监听的事件触发之前绑定(bind)事件处理程序。将 JS Fiddle 选项更改为“不换行”选项之一。由于您没有接触 DOM 中的任何内容，因此选择两者中的哪一个并不重要。