List out events listeners/handlers attached for a selected DOM element

5,169 views
Skip to first unread message

swapm...@gmail.com

unread,
Jul 30, 2014, 2:29:39 PM7/30/14
to google-chrome-...@googlegroups.com
Is is possible to list out all the event handlers attached to a DOM. If not this would be super useful and is landed in Firefox devtools recently. Would be awesome to have this in chrome devtools too. Attaching image from Firefox devtools.

dev-tools-event-listeners-popup.png

Vsevolod Vlasov

unread,
Jul 30, 2014, 4:13:15 PM7/30/14
to Google Chrome Developer Tools
This is available under the Event Listeners tab in Elements Panel's sidebar. See https://developer.chrome.com/devtools/docs/dom-and-styles#viewing-element-event-listeners for details and screenshots.


On Wed, Jul 30, 2014 at 10:29 PM, <swapm...@gmail.com> wrote:
Is is possible to list out all the event handlers attached to a DOM. If not this would be super useful and is landed in Firefox devtools recently. Would be awesome to have this in chrome devtools too. Attaching image from Firefox devtools.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/889b497e-5e67-46b7-9663-fa531a3a6448%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

PhistucK

unread,
Jul 30, 2014, 4:27:01 PM7/30/14
to Google Chrome Developer Tools
Tip - another way is to call -
getEventListeners(someElement)
Within the console.


☆PhistucK


To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/CAB6O%2BxZPAEosqoJW4SYPhwOqO2uEGbSbO4tHjffhUzQ3CeU-nQ%40mail.gmail.com.

swapnil mishra

unread,
Jul 30, 2014, 11:11:09 PM7/30/14
to google-chrome-...@googlegroups.com
Got it. Thanks a lot.

rohan lolge

unread,
Apr 7, 2015, 7:16:01 AM4/7/15
to google-chrome-...@googlegroups.com
Thanks you nice content

Clark Tomlinson

unread,
Oct 20, 2015, 11:37:37 AM10/20/15
to Google Chrome Developer Tools
Very late reply but this is in no way the same or as good as firefox's version (it pains me to say that) the event listeners in chrome only shows the jquery listener not the listener in your actual code as firefox will.


On Wednesday, July 30, 2014 at 4:13:15 PM UTC-4, Vsevolod Vlasov wrote:
This is available under the Event Listeners tab in Elements Panel's sidebar. See https://developer.chrome.com/devtools/docs/dom-and-styles#viewing-element-event-listeners for details and screenshots.
On Wed, Jul 30, 2014 at 10:29 PM, <swapm...@gmail.com> wrote:
Is is possible to list out all the event handlers attached to a DOM. If not this would be super useful and is landed in Firefox devtools recently. Would be awesome to have this in chrome devtools too. Attaching image from Firefox devtools.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

PhistucK

unread,
Oct 20, 2015, 11:39:17 AM10/20/15
to Google Chrome Developer Tools
While this was indeed true, Chrome 47 onwards supports jQuery event listeners (and added an extensible way for any other library to expose this information).
:)


☆PhistucK

On Tue, Oct 20, 2015 at 6:13 PM, Clark Tomlinson <fall...@gmail.com> wrote:
Very late reply but this is in no way the same or as good as firefox's version (it pains me to say that) the event listeners in chrome only shows the jquery listener not the listener in your actual code as firefox will.

On Wednesday, July 30, 2014 at 4:13:15 PM UTC-4, Vsevolod Vlasov wrote:
This is available under the Event Listeners tab in Elements Panel's sidebar. See https://developer.chrome.com/devtools/docs/dom-and-styles#viewing-element-event-listeners for details and screenshots.
On Wed, Jul 30, 2014 at 10:29 PM, <swapm...@gmail.com> wrote:
Is is possible to list out all the event handlers attached to a DOM. If not this would be super useful and is landed in Firefox devtools recently. Would be awesome to have this in chrome devtools too. Attaching image from Firefox devtools.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
 To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/95527926-ba10-4e51-a41b-f466b8284fcf%40googlegroups.com.

Paul Irish

unread,
Oct 21, 2015, 9:33:45 PM10/21/15
to Google Chrome Developer Tools
Clark, uncheck the "Framework listeners" checkbox to find the true location.

On Tue, Oct 20, 2015 at 8:13 AM, Clark Tomlinson <fall...@gmail.com> wrote:
Very late reply but this is in no way the same or as good as firefox's version (it pains me to say that) the event listeners in chrome only shows the jquery listener not the listener in your actual code as firefox will.

On Wednesday, July 30, 2014 at 4:13:15 PM UTC-4, Vsevolod Vlasov wrote:
This is available under the Event Listeners tab in Elements Panel's sidebar. See https://developer.chrome.com/devtools/docs/dom-and-styles#viewing-element-event-listeners for details and screenshots.
On Wed, Jul 30, 2014 at 10:29 PM, <swapm...@gmail.com> wrote:
Is is possible to list out all the event handlers attached to a DOM. If not this would be super useful and is landed in Firefox devtools recently. Would be awesome to have this in chrome devtools too. Attaching image from Firefox devtools.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
 To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/95527926-ba10-4e51-a41b-f466b8284fcf%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages