Come posso sapere quali eventi sono associati a un elemento DOM?

Question

Quando si utilizza l'editor visuale di Wordpress, se si dispone di uno shortcode [gallery], in modalità visiva viene presentato con un segnaposto.

Facendo clic sul segnaposto verranno sovrapposte due icone: modifica la galleria e rimuovi galleria.

Sto cercando di capire quale funzione si attiva quando si fa clic su "modifica galleria".

Il pulsante è un'immagine, con il DOM id wp_editgallery, e questo è come appare:

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

mio istinto sono per ispezionare l'elemento utilizzando Web Inspector di Chrome:

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

Dopo aver trovato l'elemento, controllo il pannello delle proprietà e cerco gli eventi, ma i risultati sono alquanto criptici:

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

Finora ho provato il metodo di cui sopra, e anche:

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

Come c'è stato consigliato in How to see what exact events are bound to DOM elements? Ho anche provato ad utilizzare Visual Event come è stato detto in questo post - entrambi senza successo.

C'è un modo più semplice per scoprire quale funzione javascript è legata al listener di eventi di un elemento DOM?

Answer 1

check out Visual Event. Funziona benissimo con Chrome! Consente di visualizzare ed eseguire gli eventi collegati agli elementi DOM. È stato un risparmiatore di vita!