JavaScript: come innescare gli eventi associati agli elementi della pagina

In JavaScript possiamo innescare gli eventi associati agli elementi.

Supponiamo di avere questo codice:

const btn = document.querySelector('#btn');

btn.addEventListener('click', () => {
	console.log('Clicked');
}, false);

JavaScript dispone del metodo dispatchEvent() che accetta come argomento un'istanza dell'oggetto Event. Nel costruttore di questo oggetto dobbiamo specificare l'evento che vogliamo innescare:

const clickEvt = new Event('click');

btn.dispatchEvent(clickEvt); // 'Clicked'