10.3k
2012-12-12 04:35:13
- 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)
热门帖子
热门github
6
this solution is a problem if it is mouse events you are after, as the breakpoint kills the flow
what if all events point to minified jquery i dont care about, how do i reach the function that uses that jquery.
Can it show custom events which were created by me? When I read that it changed lives that was the first thing I thought about. Do I miss something?
@MuhammadUmer You can blackbox jQuery so Chrome will skip it and go straight to your source code. developer.chrome.com/devtools/docs/blackboxing
I checked the framework listeners of the event listeners but still don't see the event listeners for Backbone. Any ideas?