Metode trigger

Metode trigger memungkinkan untuk menjalankan semua penangan event yang terikat pada elemen untuk tipe event yang ditentukan. Metode ini memanggil fungsi-fungsi penangan dalam urutan yang sama seperti ketika mereka akan dipicu oleh pengguna. Jika Anda ingin memanggil penangan event, tetapi tidak mengeksekusi event standar, maka gunakan metode triggerHandler.

Sintaks

Sebagai parameter pertama kita dapat melewatkan tipe event dalam bentuk string, parameter kedua (opsional) array atau objek, yang berisi parameter tambahan untuk diteruskan kepada penangan:

$(selektor).trigger(tipe event, [parameter tambahan]);

Dapat juga melewatkan event sebagai parameter pertama dalam bentuk objek jQuery.Event:

$(selektor).trigger(event, [parameter tambahan]);

Ada perbedaan antara melewatkan parameter tambahan ke metode trigger dan data ke metode on. Dalam kasus pertama, data harus didefinisikan pada saat event dieksekusi, sedangkan pada kasus kedua sudah pada saat pengikatan fungsi penangan.

Contoh

Ketika tombol #first ditekan, nilainya akan bertambah hanya pada span pertama, ketika tombol #second ditekan - pada keduanya, sambil meniru klik pengguna pada yang pertama. Fungsi increase akan menambah 1 ke angka, yang dilewatkan kepadanya sebagai parameter. Dengan menggunakan metode trigger kita menyebabkan event klik juga terpicu pada span pertama, meskipun kita menekan tombol #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);
}

Lihat juga

metode on,
yang memungkinkan untuk mengikat penangan event ke elemen
metode triggerHandler,
yang memungkinkan untuk menjalankan semua penangan event, yang terikat pada elemen
objek event,
yang berisi informasi tentang event
metode submit,
yang memungkinkan untuk mengikat penangan ke event JavaScript submit atau memicu event tersebut