Metode on

Metode on memungkinkan Anda menambahkan penangan acara ke elemen. Untuk menghapus penangan dapat menggunakan metode off, agar acara hanya terpicu sekali, lalu penangan menghapus dirinya sendiri - gunakan metode one. Elemen, yang kepadanya kita mengikat penangan harus ada pada saat pemanggilan on.

Sintaks

Beginilah kita menambahkan penangan acara ke elemen, sebagai parameter pertama dalam bentuk string diteruskan satu atau beberapa acara yang dipisahkan spasi, parameter kedua adalah selektor penyaring tambahan untuk turunan di dalam elemen, parameter ketiga - data tambahan, yang diteruskan ke penangan dalam properti event.data saat acara terpicu. Parameter kedua dan ketiga bersifat opsional. Parameter keempat adalah fungsi penangan, yang menerima objek acara dan parameter tambahan opsional. Jika alih-alih fungsi penangan diteruskan false, maka fungsi hanya akan mengembalikan false:

$(selektor).on(acara, [selektor], [data], fungsi-penangan(objek acara, [parameter tambahan]));

Anda dapat menggunakan metode on dengan cara lain, yaitu dengan meneruskan parameter pertama sebagai objek JavaScript, di mana kunci - jenis acara, dan nilai - fungsi penangan, yang dipanggil untuk acara tersebut:

$(selektor).on({'jenis acara': handler}, [selektor], [data]);

Jika kita tidak meneruskan selektor tambahan, maka acara terpicu pada elemen, yang kepadanya kita melampirkan penangan, sebaliknya - pada elemen turunan, yang sesuai dengan selektor tersebut (acara yang didelegasikan). Penangan acara yang sama dapat diikat ke elemen beberapa kali.

Contoh

Mari tampilkan teks paragraf dengan #test di dalam alert saat mengkliknya, klik pada paragraf lain tidak akan menghasilkan apa-apa:

<p>teks1</p>
<p id="test">teks2</p>
<p>teks3</p>

$('#test').on('click', function() {
	alert( $(this).text() );
});

Contoh

Mari tampilkan data, yang kita berikan ke metode on saat mengklik paragraf. Gunakan fungsi penangan testFunc, yang telah kita buat:

<p>klik</p>

function testFunc(event) {
	alert(event.data.text);
}

$('p').on('click', {text: 'aaa'}, testFunc);

Lihat juga

metode off,
yang memungkinkan menghapus penangan acara dari elemen
metode one,
yang memungkinkan acara terpicu sekali, lalu secara otomatis menghapus penangan
objek event,
yang berisi informasi tentang acara
metode trigger,
yang memungkinkan menjalankan semua penangan acara, yang terikat ke elemen untuk acara jenis tertentu
Metode JavaScript bind,
yang memungkinkan mengikat konteks ke fungsi