I have a page where some event listeners are attached to input boxes and select boxes. Is there a way to find out which event listeners are observing a particular DOM node and for what event?
Events are attached using:
- As element attribute
If you just need to inspect what’s happening on a page, you might try the Visual Event bookmarklet.
Update: Visual Event 2 available;
Chrome, Firefox, Vivaldi and Safari support
getEventListeners(domElement) in their Developer Tools console.
For majority of the debugging purposes, this could be used.
Below is a very good reference to use it:
WebKit Inspector in Chrome or Safari browsers now does this. It will display the event listeners for a DOM element when you select it in the Elements pane.