DevTools - how to find click handler?

Here’s how my page looks in the DevTools (Chrome/Firefox/Edge/whatever else):

The selected button handles clicking on it, but I don’t see the corresponding handler in the DevTools. How can I find this handler in the DevTools?

Well in chrome, you right click the element and on the right panel you will see “styles”, “computed”, “layout”, “Event Listeners” and “DOM Breakpoints”.

Event listeners is what you are going to want.

In Firefox, you will often see that an element with a listener on it is going to have a little “event” tag on it. Screenshot of such a tag below…

Hope this helps!

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.