有什么办法可以查看DOM level 2事件监听器添加到 IE 9+ 中的 DOM 元素?
在 Chrome 中,我们可以使用 getEventListeners(object) 从控制台查看附加事件.
我试过Visual Events ,但它只显示 DOM 级别 0 事件。
如果您想知道,我需要列出附加的事件处理程序以窗口卸载事件并调试哪些事件被触发,以找出哪个事件导致异常/阻止传播。卸载事件处理程序在 Chrome 中正确分派(dispatch)。
最佳答案
是的,您可以轻松查看 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);
我按照上述步骤看到了这个:
I need to list the attached event handlers to window unload event
您将在 body
元素上找到 window
unload
事件的处理程序,因此在 DOM Inspector 中导航到此处即可查看他们:
关于javascript - 在 IE 中查看 DOM 级别 2 事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40716194/