Monitor Events in Chrome Dev Tools

[@phanCAbe]

Excellent video, perfect length, and perfect amount of content. No changes needed.

[@abdieldiaz7830]

Steve is freaking outstanding. Absolutely incredible how well you are carried around the video, clear and concise information. Keep up the good work!

[@avinod4301]

That was helpful, good job keep doing 👍🤝

[@7daysinSunnyJune]

Thanks Steve! great stuff!

[@KelvinWKiger]

Amazing tuto, thank you Steve!

[@kayan_dev]

thanks steve your fans from saudi arabia

[@cyborgmetropolis7652]

Nice. Is there a way to globally monitor for any form changes?

[@SteveGriffith-Prof3ssorSt3v3]

Do you mean in the dev tools? You can add input events on any form element.

[@sumitkumar-tj8wq]

How can we open drop-down in both upward and downward direction depending on scrolling height?

[@SteveGriffith-Prof3ssorSt3v3]

It is up to the browser where the element is placed when you open the list element.

[@programmingwithdipayan7280]

Thanks for this amazing video 😁

[@barungh]

Hmmm

[@programmingwithdipayan7280]

@@barungh 😁

[@cyrusgracias4556]

These API is only available in console?

[@SteveGriffith-Prof3ssorSt3v3]

yes.

[@joaovaz3473]

Great video, congrats! Didn't know about `monitorEvents()` lol. Is it a Chrome only thing or does it work on, say, Firefox? Also, if I'm not mistaken, it's possible to do something similar on the Debug tab (log to the console every xyz event); but I'm not sure if you can select certain elements - I believe it logs events of the whole page (of the specific defined event-type).

[@SteveGriffith-Prof3ssorSt3v3]

In the Sources tab in Chrome and in the Debugger Tab in Firefox there is a section where you can create breakpoints for existing events. This means that if, in my script, I have a function connected to an event then it will insert a breakpoint to pause my script when that function is called. There is a list of all the possible events in the browser in these tabs for you to turn on and off.

[@sumitkumar-tj8wq]

Awesome video

[@namelysweet8262]

Cool video!!!

[@andriiyurchuk3299]

А можно увидеть handler события?

[@SteveGriffith-Prof3ssorSt3v3]

There is a lot more you can do. This playlist - kzbin.info/www/bejne/fpCQnYeOd6mJqK8 - shows some more.

[@adwaithks]

⚡⚡

[@zhasan66]

Steve, it is great video tutorial. But no offense, when you speak it seems like you are taking to yourself not to the audience. So please change your speech style for your video tutorials, that way we will get more sound. Also, please make your video tutorials for 720p, unfortunately for high resolution you only have 1080p. Thanks a lot.

[@joaovaz3473]

@Nebula I agree