Come innesco un evento click in JavaScript?

JavaScript non dispone dei comodi metodi .trigger() e .triggerHandler() di jQuery. Per innescare un evento click dobbiamo usare un altro approccio.

Consideriamo il seguente codice:

var on = function( element, evt, callback ) {
	element.addEventListener( evt, callback, false );	
};

on( document.getElementById( "test" ), "click", function() {
	console.log( "Test" );
});

Abbiamo legato un evento click ad un elemento. Per innescarlo questa è la procedura:

var evt = new MouseEvent( "click" );

document.getElementById( "test" ).dispatchEvent( evt );

In pratica abbiamo usato l'oggetto MouseEvent in combinazione con il metodo dispatchEvent(). Questa soluzione funziona nei browser più moderni.