Метод on

Метод on элементга ҳодиса ишловчисини қўшиш имконини беради. Ишловчини ўчириш учун off методидан фойдаланиш мумкин, ҳодиса фақат бир марта ишласин, сўнг ишловчи ўзини ўчириб ташласин - one методидан фойдаланинг. Ишловчини боглайдиган элементлар on чақирилиши вақтида мавжуд бўлиши керак.

Синтаксис

Биз элементга ҳодиса ишловчисини шундай қўшамиз, биринчи параметр сифатида сатрда бир ёки бир нечта ҳодиса бўшлиқ билан ажратиб берилади, иккинчи параметрда элемент ичидаги фільтрланувчи авлод селекторини берамиз, учинчи - қўшимча маълумотлар, улар ишловчига event.data хусусиятида ўтказилади ҳодиса ишлағанда. Иккинчи ва учинчи параметрлар ихтиёрий. Тўртинчида функция-ишловчини берамиз, унга ҳодиса объекти ва ихтиёрий қўшимча параметрлар ўтказилади. Агар функция-ишловчи ўрнига false ўтказсак, функция фақат false қайтаради:

$(селектор).on(ҳодисалар, [селектор], [маълумотлар], функция-ишловчи(ҳодиса объекти, [қўшимча параметрлар]));

on методидан бошқача фойдаланиш мумкин, унда биринчи параметрда JavaScript объекти ўтказилади, калитлар - ҳодиса тури, в қийматлар - функция-ишловчилар, чақириладиган ҳодисалар учун:

$(селектор).on({'ҳодиса тури': handler}, [селектор], [маълумотлар]);

Агар биз қўшимча селектор ўтказмасак, ҳодиса биз ишловчини боглаган элементда ишлайди, акс ҳолда - ушбу селекторга мос келадиган авлод элементада ишлайди (делегацияланган ҳодисалар). Худди шу ҳодиса ишловчиси бир неча марта элементга богланган бўлиши мумкин.

Мисол

Келинг 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,
у функцияга контекстни боглаш имконини беради