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

Question

When using the Wordpress visual editor, if you have a [gallery] shortcode, in visual mode it is presented with a placeholder.

Clicking the placeholder will overlay two icons - edit gallery and remove gallery.

I'm trying to figure out what function fires when 'edit gallery' is clicked.

The button is an image, with the dom id wp_editgallery , and this is how it looks:

My instincts are to inspect the element using Chrome's web inspector:

After finding the element, I check out the properties panel and look for events, but the results are somewhat cryptic:

So far I've tried the above method, and also:

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

As was recommended in How to see what exact events are bound to DOM elements? I also tried using Visual Event as was mentioned in that post - both without success.

Is there an easier way of find out what javascript function is tied to an DOM element's event listener?

Answer 1

check out Visual Event . Works awesome with Chrome! Lets you view and run the events attached to DOM elements. Has been a life saver!