Metod on

Metod on elementə hadisə emal funksiyası əlavə etməyə imkan verir. Emal funksiyasını silmək üçün off metodundan istifadə edə bilərsiniz, hadisənin yalnız bir dəfə işləməsi və sonra emal funksiyasının özünü silməsi üçün - one metodundan istifadə edin. Bizim emal funksiyasını bağladığımız elementlər on çağırıldığı zaman mövcud olmalıdır.

Sintaksis

Beləliklə, biz elementə hadisə emal funksiyası əlavə edirik, ilk parametr kimi sətirdə bir və ya bir neçə hadisə verilir, boşluqla ayrılır, ikinci parametr kimi element daxilində əlavə filtrləyici selektor ötürülür, üçüncü - əlavə məlumatlar, hansı ki, emal funksiyasına event.data xassəsində ötürülür hadisə baş verəndə. İkinci və üçüncü parametrlər istəyə bağlıdır. Dördüncü olaraq emal funksiyası ötürülür, hansı ki, hadisə obyekti və istəyə bağlı əlavə parametrlər ötürülür. Əgər emal funksiyası yerinə false ötürülərsə, onda funksiya sadəcə false qaytaracaq:

$(selektor).on(hadisələr, [selektor], [məlumat], emal-funksiyası(hadisə obyekti, [əlavə parametrlər]));

on metodundan fərqli şəkildə istifadə edə bilərsiniz, onda birinci parametr kimi JavaScript obyekti ötürülür, harada ki, açar - hadisə tipi, dəyərlər isə - hadisələr üçün çağırılan emal funksiyalarıdır:

$(selektor).on({'hadisə tipi': handler}, [selektor], [məlumat]);

Əgər biz əlavə selektor ötürmürüksə, onda hadisə bizim emal funksiyasını bağladığımız elementdə baş verir, əks halda - həmin selektora uyğun gələn elementdə baş verir (delegasiya edilmiş hadisələr). Eyni hadisə emal funksiyası bir elementə bir neçə dəfə bağlana bilər.

Nümunə

Gəlin alert-də, #test ilə abzasın mətnini onun üzərində klik edəndə göstərək, digər abzaslara kliklər heç nəyə səbəb olmayacaq:

<p>text1</p>
<p id="test">text2</p>
<p>text3</p>

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

Nümunə

Gəlin abzasın üzərində klik edəndə, bizim on metoduna ötürdüyümüz məlumatları çıxaraq. Yaratdığımız emal funksiyasından testFunc istifadə edək:

<p>click</p>

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

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

Həmçinin bax

metod off,
hansı ki, elementdən hadisə emal funksiyasını silməyə imkan verir
metod one,
hansı ki, hadisənin bir dəfə işləməsinə və sonra avtomatik olaraq emal funksiyasının silinməsinə imkan verir
obyekt event,
hansı ki, hadisə haqqında məlumat ehtiva edir
metod trigger,
hansı ki, elementə bağlanmış bütün hadisə emal funksiyalarını işə salmağa imkan verir, müəyyən edilmiş tipdəki hadisələr üçün
JavaScript metodu bind,
hansı ki, funksiyaya konteksti bağlamağa imkan verir