on әдісі

on әдісі элементке оқиға өңдеушісін қосуға мүмкіндік береді. Өңдеушіні жою үшін off әдісін қолдануға болады, ал оқиға тек бір рет орындалып, содан кейін өңдеуші өзін-өзі жойсын десеңіз - one әдісін қолданыңыз. Біз өңдеушіні бекітетін элементтер on шақырылған кезде болуы керек.

Синтаксис

Біз элементке оқиға өңдеушісін осылай қосамыз, бірінші параметр ретінде жол түрінде бір немесе бірнеше оқиға бос орындармен бөлініп беріледі, екінші параметр ретінде элемент ішіндегі қосымша süzgіsh іздеу селекторын береміз, үшінші - қосымша деректер, олар оқиға орындалған кезде өңдеушіге event.data қасиетінде беріледі. Екінші және үшінші параметрлер міндетті емес. Төртінші ретінде оқиға өңдеуші функциясы беріледі, оған оқиға нысаны және міндетті емес қосымша параметрлер беріледі. Егер оқиға өңдеушісінің орнына false берілсе, онда функция жай false қайтарады:

$(селектор).on(оқиғалар, [селектор], [деректер], оқиға-өңдеуші(оқиға нысаны, [қосымша параметрлер]));

on әдісін басқаша қолдануға болады, сонда бірінші параметр ретінде JavaScript нысаны беріледі, онда кілттер - оқиға түрі, ал мәндер - оқиғалар үшін шақырылатын оқиға өңдеуші функциялары:

$(селектор).on({'оқиға түрі': handler}, [селектор], [деректер]);

Егер біз қосымша селекторды бермесек, онда оқиға біз өңдеушіні бекіткен элементте орындалады, әйтпесе - сәйкес келетін құрбан элементте орындалады (делегацияланған оқиғалар). Бір оқиғаның бір өңдеушісі бірнеше рет элементке бекітілуі мүмкін.

Мысал

alert-та #test бар абзац мәтінін оларды басқан кезде көрсетейік, басқа абзацтарды басу еш нәрсеге әкелмейді:

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

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

Мысал

Абзацты басқан кезде on әдісіне берген деректерімізді шығарайық. testFunc оқиға өңдеуші функциясын қолданайық, біз оны жасадық:

<p>click</p>

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

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

Сондай-ақ қараңыз

off әдісі,
ол элементтен оқиға өңдеушісін жоюға мүмкіндік береді
one әдісі,
ол оқиғаның бір рет орындалып, содан кейін өңдеушіні автоматты түрде жоюға мүмкіндік береді
event нысаны,
ол оқиға туралы ақпаратты қамтиды
trigger әдісі,
ол элементке бекітілген барлық оқиға өңдеушілерін іске қосуға мүмкіндік береді
JavaScript әдісі bind,
ол функцияға контекстті бекітуге мүмкіндік береді