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

Question

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

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

我正在试图找出点击"编辑图库"时触发的功能.

该按钮是一个带有dom id的图像,wp_editgallery它的外观如下:

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

找到元素后,我查看属性面板并查找事件,但结果有点神秘:

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

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

正如在如何查看绑定到DOM元素的确切事件中所建议的那样？我也尝试过使用Visual Event那篇帖子中提到的 - 两者都没有成功.

有没有更简单的方法来找出javascript函数绑定到DOM元素的事件监听器？

Answer 1

查看视觉事件。与 Chrome 配合使用效果非常棒！允许您查看并运行附加到 DOM 元素的事件。已经成为救星了！

不确定您是否看到我在问题中提到了视觉事件...基本上它并没有阻止弹出模式的弹出，从而掩盖了视觉事件。此外，页面上的内容太多，视觉事件导致该选项卡锁定。即使在它被锁定之前，我也无法弄清楚任何东西与什么功能相关。 (3认同)