On metodu

on metodu elementa ýagdaý işleýjisini goşmaga mümkinçilik berýär. Işleýjini aýyrmak üçin off metodyny ulanyp bilersiňiz, ýagdaý bir gezek işlesin we soňra işleýji özüni aýyrsa - bir gezeklik one metodyny ulanyň. Işleýjini birikdirýän elementlerimiz on çagyrylanda ýerlikli bolmaly.

Sintaksis

Şeýdip biz elementa ýagdaý işleýjisini goşýarys, bir weýleşdirişli birinji parametr hökmünde bir ýa-da birnäçe aralyk bilen bölünen ýagdaýlar berilýär, ikinji parametr hökmünde element içindäki gyzyklary süzýän goşmaça saýlaýjy berilýär, üçünji - işleýji event.data hasiýetinde ýagdaý ýüze çykanda işleýje berilýän goşmaça maglumatlar. Ikinji we üçünji parametrler hökman däl. Dördünjide işleýji funksiýa berilýär, ona ýagdaý obýekti we hökman däl goşmaça parametrler berilýär. Eger işleýji funksiýanyň ýerine false berilse, onda funksiýa diňe false gaýtarar:

$(saýlaýjy).on(ýagdaýlar, [saýlaýjy], [maglumatlar], işleýji-funksiýa(ýagdaý obýekti, [goşmaça parametrler]));

on metodyny başgaça hem ulanyp bilersiňiz, onda birinji parametr hökmünde JavaScript obýekti berilýär, niredä düwmeler - ýagdaý tipi, we bahalary - ýagdaýlar üçin çagyrylýan işleýji funksiýalar:

$(saýlaýjy).on({'ýagdaý tipi': handler}, [saýlaýjy], [maglumatlar]);

Eger biz goşmaça saýlaýjy bermesek, onda ýagdaý biz işleýji birikdirýän elementde ýüze çykar, ýogsa - bu saýlaýja gabat gelýän gyzylyk elementinde (wekalany edilen ýagdaýlar). Şol bir ýagdaý işleýjisi bir elemente birnäçe gezek birikdirilip bilner.

Mysal

alert içinde, #test bilen abzas tekstini ona basylanyňda görkezeliň, beýleki abzaslara basmak hiç zada getirmez:

<p>tekst1</p>
<p id="test">tekst2</p>
<p>tekst3</p>

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

Mysal

Abza basylanyňda, on metoduna beren maglumatlarymyzy çykaryň. Döredilen testFunc işleýji funksiýasyny ulan:

<p>bas</p>

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

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

Şeýle-de görüň

off metodu,
elementden ýagdaý işleýjisini aýyrmaga mümkinçilik berýär
one metodu,
ýagdaýyň bir gezek işlemegine we soňra işleýjiniň awtomatik aýrylmagyna mümkinçilik berýär
event obýekti,
ýagdaý hakda maglumat saklaýar
trigger metodu,
elemente birikdirilen ähli ýagdaý işleýjilerini, bellenen tipdäki ýagdaýlar üçin işletmäge mümkinçilik berýär
JavaScript metodu bind,
funksiýa konteksti birikdirmäge mümkinçilik berýär