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

时间:2013-03-15 04:03:58

标签: javascript jquery google-chrome event-listener web-inspector

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

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

我正在尝试找出点击“修改图库”时触发的功能。

该按钮是一张图片,其标识为wp_editgallery,这就是它的外观:

screenshot-with-shadow.png http://img855.imageshack.us/img855/4526/screenshotwithshadow.png

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

http://img818.imageshack.us/img818/4526/screenshotwithshadow.png

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

screenshot-with-shadow.png http://img690.imageshack.us/img690/4526/screenshotwithshadow.png

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

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

正如How to see what exact events are bound to DOM elements?中所建议的那样,我也尝试使用该帖子中提到的Visual Event - 两者均未成功。

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

1 个答案:

答案 0 :(得分:-1)

结帐Visual Event。与Chrome一起工作真棒!允许您查看和运行附加到DOM元素的事件。一直是救命的人!