On методу

on методу элементке иш-чара иштетүүчүсүн кошүүгө мүмкүндүк берет. Иштетүүчүнү өчүрүү үчүн off методун колдонсо болот, иш-чара бир гана жолу иштешин, андан кийин иштетүүчү өзү өчүрүлсүн үчүн - one методун колдонуңуз. Иштетүүчүнү байлаштыра турган элементтер on чакырылган учурда бар болушу керек.

Синтаксис

Ошентип, биз элементке иш-чара иштетүүчүсүн кошобуз, биринчи параметр катары сап түрүндө боштук менен бөлүнгөн бир же бир нече иш-чара берилет, экинчи параметр катары элементтин ичиндеги кошумча фильтрлөөчү тукум селекторун беребиз, үчүнчү - кошумча маалыматтар, алар иш-чара иштегенде event.data касиетинде иштетүүчүгө өткөрүлөт. Экинчи жана үчүнчү параметрлер милдеттүү эмес. Төртүнчүсүндө иш-чара иштетүүчү функциясы берилет, ага иш-чара объектиси жана милдеттүү эмес кошумча параметрлер өткөрүлөт. Эгерде иш-чара иштетүүчү функциясынын ордуна false өткөрсөк, анда функция жөн гана false кайтарат:

$(селектор).on(иш-чаралар, [селектор], [маалымат], иш-чара иштетүүчү(иш-чара объектиси, [кошумча параметрлер]));

on методун башка жол менен колдонсо болот, анда биринчи параметр катары JavaScript объектиси өткөрүлөт, анда ачкычтар - иш-чаранын түрү, ал эми маанилер - иш-чаралар үчүн чакырылуучу иштетүүчү функциялар:

$(селектор).on({'иш-чара түрү': иштетүүчү}, [селектор], [маалымат]);

Эгерде биз кошумча селектор өткөрбөсөк, анда иш-чара биз иштетүүчүнү байлаштырган элементте иштейт, антпесе - ошол селекторго дал келген тукум элементинде иштейт (делегацияланган иш-чаралар). Ошол эле иш-чара иштетүүчүсү элементке бир нече жолу байланышы мүмкүн.

Мисал

Келгиле, alert ичинде, #test бар абзацтын текстин аны чыкылдаганда көрсөтөлү, башка абзацтарды чыкылдоо эч нерсеге алып келбейт:

<p>текст1</p>
<p id="test">текст2</p>
<p>текст3</p>

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

Мисал

Келгиле, абзацты чыкылдаганда, биз on методуна өткөргөн маалыматты чыгаралы. Биз түзгөн testFunc иштетүүчү функциясын колдонобуз:

<p>чыкылда</p>

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

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

Ошондой эле караңыз

off методу,
ал элементтен иш-чара иштетүүчүсүн өчүрүүгө мүмкүндүк берет
one методу,
ал иш-чараны бир жолу иштетүүгө мүмкүндүк берет, андан кийин иштетүүчү автоматтык түрдө өчүрүлөт
event объектиси,
ал иш-чара жөнүндө маалыматты камтыйт
trigger методу,
ал элементке байланышкан иш-чара иштетүүчүлөрүн иштетүүгө мүмкүндүк берет, берилген типтеги иш-чаралар үчүн
JavaScript методу bind,
ал функцияга контекстти байлаштырууга мүмкүндүк берет