javascript - 我如何知道哪些事件绑定(bind)到 DOM 元素？

Question

使用 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 函数？

Answer 1

查看 Visual Event .与 Chrome 配合使用非常棒!允许您查看和运行附加到 DOM 元素的事件。一直是救命恩人!