Metodo trigger

Il metodo trigger consente di attivare tutti i gestori di eventi associati all'elemento per eventi di un tipo specificato. Esso richiama le funzioni di gestione nell'ordine in cui verrebbero attivate dall'utente. Se desideri richiamare un gestore di eventi senza eseguire l'evento predefinito, utilizza il metodo triggerHandler.

Sintassi

Come primo parametro possiamo passare il tipo di evento come stringa, come secondo (facoltativo) un array o un oggetto contenente parametri aggiuntivi da passare al gestore:

$(selettore).trigger(tipo evento, [parametri aggiuntivi]);

È possibile passare come primo parametro un evento sotto forma di oggetto jQuery.Event:

$(selettore).trigger(evento, [parametri aggiuntivi]);

Esiste una differenza tra il passaggio di parametri aggiuntivi al metodo trigger e i dati passati al metodo on. Nel primo caso i dati devono essere definiti al momento dell'esecuzione dell'evento, mentre nel secondo già al momento del binding della funzione di gestione.

Esempio

Alla pressione del pulsante #first il valore verrà incrementato solo nel primo span, alla pressione del pulsante #second - in entrambi, imitando contemporaneamente il click dell'utente sul primo. La funzione increase incrementerà di 1 il numero passatole come parametro. Utilizzando il metodo trigger facciamo sì che venga attivato anche l'evento del click nel primo span, sebbene premiamo il pulsante #second:

<button id="first">button1</button>
<button id="second">button2</button>
<div><span>0</span></div>
<div><span>0</span></div>

button {
	margin: 10px;
}

div {
	margin-left: 10px;
	font-weight: bold;
}

span {
	color: green;
}

$('#first').click(function() {
	increase($('span').first());
});

$('#second').click(function() {
	$('#first').trigger('click');
	increase($('span').last());
});

function increase(str) {
	let num = parseInt(str.text(), 10);
	num.text(num + 1);
}

Vedi anche

metodo on,
che consente di associare un gestore di eventi a un elemento
metodo triggerHandler,
che consente di attivare tutti i gestori di eventi, associati a un elemento
oggetto event,
che contiene informazioni sull'evento
metodo submit,
che consente di associare un gestore all'evento JavaScript submit o di attivare questo evento