在 IE 中查看 DOM 级别 2 事件处理程序答案

【问题标题】：View DOM level 2 Event handlers in IE在 IE 中查看 DOM 级别 2 事件处理程序
【发布时间】：2016-11-21 09:00:03
【问题描述】：

有什么方法可以查看在 IE 9+ 中添加到 DOM 元素的 DOM level 2 事件监听器？

在 Chrome 中，我们可以使用 getEventListeners(object) 从控制台查看附加事件。

我试过Visual Events，但它只显示 DOM 0 级事件。

如果您想知道，我需要列出附加的事件处理程序来窗口卸载事件并调试哪些事件被触发以找出哪个事件导致异常/防止传播。 unload 事件处理程序正在 Chrome 中正确调度。

【问题讨论】：

have a look at this question

标签： javascript debugging internet-explorer events dom-events

【解决方案1】：

是的，您可以轻松查看 DOM2 处理程序：

右键单击带有事件处理程序的元素并选择检查元素
这应该会触发 DOM Explorer 选项卡；如果没有，请这样做
选择右侧的“事件”选项卡

它列出了附加到元素的事件处理程序，包括 DOM2 事件处理程序。

例如，使用this fiddle:

<div id="target">
I have a DOM2 event handler.
</div>

function thisIsADOM2Handler() {
    this.style.color = "green";
}
document.getElementById("target").addEventListener("click", thisIsADOM2Handler, false);

我按照上面的步骤看到了这个：

我需要列出附加的事件处理程序到窗口卸载事件

您会在 body 元素上找到 window unload 事件的处理程序，因此请在 DOM Inspector 中导航以查看它们：

【讨论】：

谢谢。这适用于 DOM 元素。有没有办法查看 window.unload 处理程序？
@SenJacob：这些出现在body 元素上；我已经在上面更新了。