How can you catch a popup event in the middle of its path?

Question

JavaScript

Good evening.
There is a table row, on clicking on it, a click event occurs. I would like to catch this event in the handler on the document in order to capture those elements that will be added dynamically. In jQuery I would do this:

$(document).on('click', '[data-behavior="something"]', event => {
    // Все работает
});

But in pure JS it's more difficult. For an event object, if it is added via document.addEventListener, event.target will be equal to either the cell or what lies in it, but not the table row, and currentTarget, of course, is equal to document. If you add events to the nodes of the desired selector, then the automatic event binding to new elements will disappear. How to do it without crutches? How did the jQuery authors do it - does it work for them? What is the algorithm?
Thanks in advance.

Answer 1

How did the jQuery authors do it - does it work for them?

Climb the DOM tree from event.target to the element to which the handler is hung, check the encountered nodes for compliance with the selector. Interested in the details - open the jQuery code, and take a look.