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üň
-
offmetodu,
elementden ýagdaý işleýjisini aýyrmaga mümkinçilik berýär -
onemetodu,
ýagdaýyň bir gezek işlemegine we soňra işleýjiniň awtomatik aýrylmagyna mümkinçilik berýär -
eventobýekti,
ýagdaý hakda maglumat saklaýar -
triggermetodu,
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