javascript - 在 IE 中查看 DOM 级别 2 事件处理程序

标签 javascript debugging internet-explorer events dom-events

有什么办法可以查看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);

我按照上述步骤看到了这个:

enter image description here

I need to list the attached event handlers to window unload event

您将在 body 元素上找到 window unload 事件的处理程序,因此在 DOM Inspector 中导航到此处即可查看他们:

enter image description here

关于javascript - 在 IE 中查看 DOM 级别 2 事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40716194/

相关文章:

javascript - ImageJ Javascript 脚本中的文件打开对话框

javascript - 将javascript与计算机声音输入设备集成

debugging - 无法退出调试/浏览器模式

javascript - 在 HR 上设置类别会破坏 TD colspan

javascript - 使用 Javascript 发布取消隐藏 div

javascript - 如何在 Rails 4 中通过 Turbolinks 使用页面/查看特定的 Javascript?

c++ - MSVC9 : How do I view a location in memory?

ios - 使用PO命令调试

css - 表单 CSS 输入 :hover and input:focus not working in IE

internet-explorer - Respond.JS 在 IE 8 中不工作