Metoda on

Metoda on lejon të shtosh një përpunues ngjarjesh te një element. Për të hequr përpunuesin mund të përdorni metodën off, që ngjarja të ndodhë vetëm një herë, dhe më pas përpunuesi të fshihet vetë - përdorni metodën one. Elementet, të cilëve u lidhim përpunuesin duhet të ekzistojnë në kohën e thirrjes së on.

Sintaksa

Kështu ne shtojmë një përpunues ngjarjesh te elementi, si parametër i parë në formë vargu kalohet një ose disa ngjarje të ndara me hapësira, si i dyti parametër kalojmë një selektor filtri shtesë për pasardhësit brenda elementit, si i treti - të dhëna shtesë, që i kalohen përpunuesit në vetinë event.data gjatë ndodhjes së ngjarjes. Parametrat e dytë dhe të tretë janë opsional. Si i katërti kalohet funksioni-përpunues, ku i kalohet objekti i ngjarjes dhe parametra shtesë opsional. Nëse në vend të funksionit-përpunues kalohet false, atëherë funksioni thjesht kthen false:

$(selector).on(events, [selector], [data], function-handler(event object, [additional parameters]));

Mund të përdorni metodën on ndryshe, atëherë si parametër i parë kalohet objekt JavaScript, ku çelësat - lloji i ngjarjes, dhe vlerat - funksionet-përpunues, të thirrura për ngjarjet:

$(selector).on({'event type': handler}, [selector], [data]);

Nëse nuk kalojmë selektor shtesë, atëherë ngjarja ndodh te elementi, të cilit ne e lidhim përpunuesin, përndryshe - te elementi-pasardhës, i cili i përgjigjet atij selektori (ngjarje të deleguara). I njëjti përpunues i ngjarjes mund të jetë i lidhur te elementi disa herë.

Shembull

Le të shfaqim në alert, tekstin e paragrafit me #test kur klikohet mbi të, klikimet mbi paragrafët e tjerë nuk do të çojnë në asgjë:

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

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

Shembull

Le të shfaqim gjatë klikimit mbi paragraf të dhënat, që i kemi kaluar metodës on. Le të përdorim funksionin-përpunues testFunc, të cilin e kemi krijuar:

<p>click</p>

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

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

Shihni gjithashtu

metoda off,
e cila lejon të heqësh përpunuesin e ngjarjeve nga elementi
metoda one,
e cila lejon që ngjarja të ndodhë një herë, dhe më pas automatikisht të heqë përpunuesin
objekti event,
i cili përmban informacion rreth ngjarjes
metoda trigger,
e cila lejon të nisësh të gjithë përpunuesit e ngjarjeve, të lidhur te elementi për ngjarjet e një lloji të caktuar
metoda JavaScript bind,
e cila lejon të lidhësh kontekstin me një funksion