在IE

Question

有没有办法在IE 9 +中查看添加到DOM元素的DOM level 2事件监听器？

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

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

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

Answer 1

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

• 右键单击包含事件处理程序的元素，然后选择Inspect Element

• 那应该触发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);

我按照上面的步骤查看：

  

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

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