如何判断哪些事件绑定到 DOM 元素？答案

【问题标题】：How can I tell what events are bound to a DOM element?如何判断哪些事件绑定到 DOM 元素？
【发布时间】：2013-03-03 16:50:19
【问题描述】：

使用 Wordpress 可视化编辑器时，如果您有 [gallery] 短代码，在可视化模式下会显示一个占位符。

单击占位符将覆盖两个图标 - 编辑图库和删除图库。

我试图弄清楚单击“编辑画廊”时会触发什么功能。

按钮是一个图像，dom id wp_editgallery，它的外观是这样的：

我的直觉是使用 Chrome 的网络检查器检查元素：

找到元素后，我查看属性面板并查找事件，但结果有些神秘：

到目前为止，我已经尝试了上述方法，并且还：

var events = jQuery._data('#wp_editgallery', 'events');

按照How to see what exact events are bound to DOM elements? 中的建议，我也尝试使用该帖子中提到的Visual Event - 均未成功。

有没有更简单的方法来找出与 DOM 元素的事件侦听器相关联的 javascript 函数？

【问题讨论】：

【解决方案1】：

查看Visual Event。与 Chrome 一起使用很棒！允许您查看和运行附加到 DOM 元素的事件。一直是救命稻草！

【讨论】：

不确定你是否看到我在问题中提到了视觉事件......基本上它并没有阻止弹出模式弹出，它掩盖了视觉事件。此外，页面上有很多东西，视觉事件导致该选项卡锁定。甚至在它被锁定之前，我都无法弄清楚它与什么功能相关。