DEV Community


Posted on


Javascript events

Working on a message system, i want to catch all the events that happen on the message element, or its children. Would this be the most optimal way of doing this?

I can also add a pointer-events: none through CSS on all the child elements. But that doesn't feel like a good scalable way to go.

document.addEventListener('click', function(event) {
    for (var i = 0; i < event.path.length; i++) {
        if (event.path[i].classList && event.path[i].classList.contains('message'))         
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

One of the best series of the year

How web browsers work (with illustrations)

Seven part series — highly bookmarkable 😅