JavaScript: attivare gli eventi sugli elementi

jQuery permette di innescare un evento semplicemente usando dei metodi diretti. In JavaScript la procedura è diversa.

Supponiamo di avere questo codice:

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

btn.addEventListener( 'click', () => {
	console.log( 'Click' );
	
}, 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:

let evt = new Event( 'click' );

btn.dispatchEvent( evt );