#Gbrowser eventlistener code

If you call this function with an element, it will return back the event listeners that are attached to that element. You can't use it in your application code. The getEventListeners function only exists within the dev tools. The first developer tool function we're going to look at is getEventListeners.

I could have also selected the button element which would set that to be dollar zero. Firstly, I'm creating a button constant in the global scope which points to the button element. There are also some developer tool command line utilities that you can use to help debug your event listeners. Using this I can step through all of the event listeners that were being executed as part of this event. If I jump to next breakpoint, I can see that my button EventListener is being paused on as well. Now when I click on the button, my parent event listener added in the capture phase is being broken into first. Here I can go in to the MouseEvents for the clickEvent. I can cause the browser to create breakpoints for categories of events or specific events. In the sources panel, I can also go to the event listener breakpoint section.

I was to pause the execution of my application during myEventListener and I can inspect the event and also the disk context. I can also remove the debugger statement and add my own breakpoints. I can do things like inspect the disk context and the event. Now when I click on the button, I'll see that my on parent clickEventHandler.

#Gbrowser eventlistener code

You can debug your event listener code in the same way that you would debug any code. I'm also adding a clickEventListener to the button element which will logout ButtonClicked when it's clicked, and I'm not providing a capture value to this event listener, so it's going to be executed in the bubble phase. In this setup, I have a clickEventListener that I've added to the parent element, and it's going to logout ParentClicked when it's executed, and I've added this event listener in the capture phase. Instructor: In this lesson, I am going to show you how you can debug and inspect your event listeners using the Chrome Browser DevTools.