Kaedah on

Kaedah on membolehkan anda menambah pengendali peristiwa kepada elemen. Untuk membuang pengendali anda boleh menggunakan kaedah off, untuk peristiwa hanya berfungsi sekali, kemudian pengendali membuang sendiri - gunakan kaedah one. Elemen yang kita ikat pengendali mesti wujud semasa panggilan on.

Sintaks

Beginilah kita menambah pengendali peristiwa kepada elemen, sebagai parameter pertama dalam bentuk rentetan dihantar satu atau beberapa peristiwa dipisahkan oleh ruang, kedua parameter kita hantar pemilih penapis tambahan untuk keturunan dalam elemen, ketiga - data tambahan yang dihantar kepada pengendali dalam sifat event.data apabila peristiwa dicetuskan. Parameter kedua dan ketiga tidak wajib. Keempat kita hantar fungsi pengendali, yang dihantar objek peristiwa dan parameter tambahan tidak wajib. Jika menggantikan fungsi pengendali dengan false, maka fungsi hanya akan mengembalikan false:

$(pemilih).on(peristiwa, [pemilih], [data], fungsi-pengendali(objek peristiwa, [parameter tambahan]));

Anda boleh menggunakan kaedah on dengan cara lain, kemudian parameter pertama dihantar objek JavaScript, di mana kunci - jenis peristiwa, dan nilai - fungsi pengendali, dipanggil untuk peristiwa:

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

Jika kita tidak menghantar pemilih tambahan, maka peristiwa dicetuskan pada elemen yang kita lampirkan pengendali, sebaliknya - pada elemen keturunan yang sepadan dengan pemilih itu (peristiwa diwakilkan). Pengendali peristiwa yang sama boleh diikat kepada elemen beberapa kali.

Contoh

Mari dalam alert, paparkan teks perenggan dengan #test apabila klik padanya, klik pada perenggan lain tidak akan membawa kepada apa-apa:

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

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

Contoh

Mari apabila klik pada perenggan kita paparkan data yang kita hantar kepada kaedah on. Gunakan fungsi pengendali testFunc, yang kita cipta:

<p>klik</p>

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

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

Lihat juga

kaedah off,
yang membolehkan pembuangan pengendali peristiwa dari elemen
kaedah one,
yang membolehkan peristiwa berfungsi sekali, kemudian secara automatik membuang pengendali
objek event,
yang mengandungi maklumat tentang peristiwa
kaedah trigger,
yang membolehkan pelancaran semua pengendali peristiwa, diikat kepada elemen untuk peristiwa jenis yang ditentukan
Kaedah JavaScript bind,
yang membolehkan pengikatan konteks kepada fungsi