There is feature click binding on selector
$(document).on("click", ".onClass", function () {
//your code
var element = $(this); // to get clicked element
});
Is there any analog with pure js?
P.S. I have seen this solution How to get the element clicked (for the whole document)? but it is not a solution i am expecting.
You can bind the event listener to the document in the same way, but you need to test the target element to see if either it or one of its ancestors, matches the selector.
document.addEventListener('click', (event) => {
const selector = ".onClass";
const element = event.target;
if (!element.closest(selector)) return; // No match so abort here
// Otherwise: Do stuff with element
});
