Metod on

Metod on elementga hodisa qayta ishlovchisini qo‘shish imkonini beradi. Qayta ishlovchini o‘chirish uchun off metodidan foydalanish mumkin, hodisa bir marta ishlashi va keyin qayta ishlovchi o‘zini o‘chirishi uchun - one metodidan foydalaning. Qayta ishlovchi biriktirilayotgan elementlar on chaqirilgan paytda mavjud bo‘lishi kerak.

Sintaksis

Biz elementga hodisa qayta ishlovchisini shunday qo‘shamiz, birinchi parametr sifatida satr shaklida bitta yoki bir nechta bo‘shliq bilan ajratilgan hodisalar beriladi, ikkinchi parametr sifatida element ichidagi qo‘shimcha filtrlash selektori (avlodlarni) beramiz, uchinchi - qo‘shimcha ma'lumotlar, ular hodisa ishlaganda event.data xususiyatida qayta ishlovchiga uzatiladi. Ikkinchi va uchinchi parametrlar ixtiyoriy. To‘rtinchisida qayta ishlovchi funksiyani beramiz, unga hodisa ob'ekti va ixtiyoriy qo‘shimcha parametrlar uzatiladi. Agar qayta ishlovchi funksiya o‘rniga false berilsa, u holda funksiya shunchaki false qiymatini qaytaradi:

$(selektor).on(hodisalar, [selektor], [ma'lumotlar], qayta-ishlovchi-funksiya(hodisa ob'ekti, [qo‘shimcha parametrlar]));

on metodidan boshqacha foydalanish mumkin, bu holda birinchi parametrga JavaScript ob'ekti beriladi, unda kalitlar - hodisa turi, qiymatlar esa hodisalar uchun chaqiriladigan qayta ishlovchi funksiyalardir:

$(selektor).on({'hodisa turi': handler}, [selektor], [ma'lumotlar]);

Agar biz qo‘shimcha selektor bermasak, hodisa biz qayta ishlovchi biriktirgan elementda ishlaydi, aks holda - bu selektorga mos keladigan avlod elementida ishlaydi (vakil qilingan hodisalar). Xuddi shu hodisa qayta ishlovchisi bir necha marta elementga biriktirilishi mumkin.

Misol

Keling, alert-da, unga bosilganda #test bilan abzats matnini ko‘rsataylik, boshqa abzatslarga bosish hech narsaga olib kelmaydi:

<p>matn1</p>
<p id="test">matn2</p>
<p>matn3</p>

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

Misol

Keling, abzatsga bosilganda, biz on metodiga bergan ma'lumotlarni chiqaramiz. Biz yaratgan testFunc qayta ishlovchi funksiyasidan foydalanamiz:

<p>bosish</p>

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

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

Shuningdek qarang

metod off,
elementdagi hodisa qayta ishlovchisini o‘chirish imkonini beradi
metod one,
hodisaga bir marta ishlash va keyin avtomatik ravishda qayta ishlovchini o‘chirish imkonini beradi
ob'ekt event,
hodisa haqida ma'lumotni o‘z ichiga oladi
metod trigger,
elementga biriktirilgan barcha hodisa qayta ishlovchilarini belgilangan turdagi hodisalar uchun ishga tushirish imkonini beradi
JavaScript metodi bind,
funksiyaga kontekstni biriktirish imkonini beradi