JavaScript: innescare gli eventi

jQuery ci ha viziati un pò troppo permettendoci di innescare un evento semplicemente usando le espressioni .click() o .trigger( "click" ). In JavaScript la procedura è diversa.

Supponiamo di avere questo codice:

var btn = document.querySelector( "#btn" );

btn.addEventListener( "click", function() {
	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:

var evt = new Event( "click" );

btn.dispatchEvent( evt ); // "Click"