Meetod on
Meetod on võimaldab lisada sündmuste
töötleja elemendile. Töötleja eemaldamiseks
saab kasutada meetodit
off,
et sündmus käivitub ainult üks kord ja seejärel
töötleja ise eemaldub - kasutage meetodit
one.
Elemendid, millele me töötleja sidume, peavad
olema olemas meetodi on väljakutsumise ajal.
Süntaks
Nii lisame elemendile sündmuste töötleja,
esimese parameetrina stringina edastatakse
üks või mitu sündmust tühikutega eraldatuna, teise
parameetrina edastame täiendava filtreeriva
selektori elemendi sees olevate järeltulijate jaoks, kolmandana - täiendavad
andmed, mis edastatakse töötlejale omaduses
event.data
sündmuse toimumisel. Teine ja kolmas parameeter
on valikulised. Neljandana edastame funktsiooni-töötleja,
millele edastatakse sündmuse objekt ja valikulised
täiendavad parameetrid. Kui töötlejafunktsiooni asemel
edastada false, siis funktsioon lihtsalt tagastab false:
$(selektor).on(sündmused, [selektor], [andmed], funktsioon-töötleja(sündmuse objekt, [täiendavad parameetrid]));
Saab kasutada meetodit on teistmoodi,
siis esimeseks parameetriks edastatakse
JavaScripti objekt, kus võtmed on sündmuse tüüp ja
väärtused on funktsioonid-töötlejad, mida kutsutakse
välja sündmuste jaoks:
$(selektor).on({'sündmuse tüüp': handler}, [selektor], [andmed]);
Kui me ei edasta täiendavat selektorit, siis sündmus käivitub elemendil, millele me kinnitame töötleja, vastasel juhul - järeltulija elemendil, mis vastab sellele selektorile (delegeeritud sündmused). Sama sündmuste töötleja võib olla elementiga seotud mitu korda.
Näide
Kuvame alert'is
lõigu teksti id-ga #test, kui
sellele klõpsatakse, klõpsud teistel lõikudel ei
too kaasa midagi:
<p>text1</p>
<p id="test">text2</p>
<p>text3</p>
$('#test').on('click', function() {
alert( $(this).text() );
});
Näide
Kuvame lõigul klõpsates andmed, mille
me edastasime meetodile on. Kasutame
funktsiooni-töötlejat testFunc,
mille me lõime:
<p>klõpsa</p>
function testFunc(event) {
alert(event.data.text);
}
$('p').on('click', {text: 'aaa'}, testFunc);
Vaata ka
-
meetod
off,
mis võimaldab eemaldada sündmuste töötleja elemendilt -
meetod
one,
mis võimaldab sündmusel toimuda üks kord, seejärel eemaldab töötleja automaatselt -
objekt
event,
mis sisaldab teavet sündmuse kohta -
meetod
trigger,
mis võimaldab käivitada kõik sündmuste töötlejad, mis on seotud elemendiga määratud tüüpi sündmuste jaoks -
JavaScripti meetod
bind,
mis võimaldab siduda konteksti funktsiooniga