1

有没有什么方法可以查看添加到IE 9+中DOM元素的事件监听器?查看DOM级别2 IE中的事件处理程序

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

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

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

+0

[看看这个问题(HTTP:// stackoverflow.com/questions/2623118/inspect-attached-event-handlers-for-any-dom-element) –

回答

1

是的,你可以很容易地看到DOM2处理程序:

  • 右键单击该元素与事件处理程序,并选择检查元素

  • 应触发的DOM浏览器选项卡;如果没有,这样做

  • 选择在右侧

它列出附加到该元素的事件处理程序,包括那些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); 

我跟着上面的步骤来看到这一点:

enter image description here

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

你会发现在body元素上列出的windowunload事件处理程序,所以在DOM查看器导航那里看到他们:

enter image description here

+0

谢谢。这适用于DOM元素。有什么办法可以查看window.unload处理程序吗? –

+0

@SenJacob:那些出现在'body'元素上;我已经更新过。 –