Javascript events

・1 min read

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'))         
        {
            doThings();
            break;
        }
   }
});
DISCUSSION
Classic DEV Post from Dec 20 '18

Showdev: We are building an online meeting app - Collabify πŸŽ‰πŸŽ¦πŸ–ΌπŸŽ­

Collabify - An online meeting app that runs in your browser. Built by two students.

Development anarchy ↙↙↙ http://pronoun.is/he