how to capture event chrome developer

Posted: November 4, 2015 in web

Hit F12 to open Dev Tools
Click the Sources tab
On right-hand side, scroll down to “Event Listener Breakpoints”, and expand tree
Click on the events you want to listen for.

Interact with the target element, if they fire you will get a break point in the debugger
Similarly, you can right click on the target element -> select “inspect element” Scroll down on the right side of the dev frame, at the bottom is ‘event listeners’. Expand the tree to see what events are attached to the element. Not sure if this works for events that are handled through bubbling (I’m guessing not)


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s