Event listener javascript vanilla #js #vanilla #javascript

eventlistener.js

// https://gomakethings.com/why-the-vanilla-js-matches-method-wont-work-with-event-listeners-and-nested-links/

// closest to get element or parents
document.addEventListener('click', function (event) {

	// If the clicked element doesn't have the class, bail
	if (!event.target.closest('.click-me')) return;

	// Otherwise, do whatever...

}, false);

// matches to get element
document.addEventListener('click', function (event) {

	// If the clicked element doesn't have the class, bail
	if (!event.target.matches('.click-me')) return;

	// Otherwise, do whatever...

}, false);