DEV Community

Maciek Chmura
Maciek Chmura

Posted on • Originally published at maciek.cloud

Check events fired while interacting with a DOM element

#dom #event #log

There is an easy way of monitoring all events fired while interacting with a DOM element.

Open dev tools and select element.

Alt Text

While the element is selected, switch to console and type: monitorEvents($0)

Alt Text

Interact with the element: hover, click, etc.
The console should print all the events fired.

Alt Text

Top comments (0)

Read next

grantdotdev profile image

Advent of Code 2024 - Day 20: Race Condition

Grant Riordan -

zaba_va_99e113c77da329f7b profile image

Is sourcehut git access denied for anyone?

Zaba Va -

hexadecimalsoftware profile image

Django, Flask, FastAPI, and More: Choosing the Right Python Framework for Your Project

Hexadecimal -

fazly_fathhy profile image

Frontend Challenge - December Edition

Fazly Fathhy -