For example I have a dropdown box and I want to see the javascript code that runs after clicking on that dropdown box. How to accomplish this?
The problem is that if I press button "break on next" it stops on hover event before I click on the item.
To view events fired on an element, follow the below steps in Google Chrome: Open Google Chrome and press F12 to open Dev Tools. Go to Event Listener Breakpoints, on the right: Click on the events and interact with the target element.
Using Developer Tools. Go to the sources tab. Click on the Event Listener Breakpoints, on the right side. Then perform the activity that will trigger the event, i.e. click if the event that used is click, double click if it is dblclick event.
Right-click the element in the HTML tab, then click Log Events.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With