Die on-metode

Die metode on laat jou toe om 'n gebeurtenishandler by 'n element te voeg. Om die handler te verwyder, kan jy die metode off gebruik. Om te maak dat die gebeurtenis net een keer vuur en dan die handler homself verwyder - gebruik die metode one. Elemente waaraan ons die handler heg, moet bestaan ten tyde van die oproep na on.

Sintaksis

So voeg ons 'n gebeurtenishandler by 'n element. As eerste parameter word een of meer gebeurtenisse, geskei deur spasies, as 'n string oorgedra. Die tweede parameter is 'n opsionele addisionele filterende selekteerder vir afstammelinge binne die element. Die derde is addisionele data wat aan die handler oorgedra word in die eienskap event.data wanneer die gebeurtenis vuur. Die tweede en derde parameters is opsioneel. Die vierde is die handler-funksie, waaraan die gebeurtenisobjek en opsionele addisionele parameters oorgedra word. As false in plaas van 'n handler-funksie oorgedra word, sal die funksie net false teruggee:

$(selekteerder).on(gebeurtenisse, [selekteerder], [data], handler-funksie(gebeurtenisobjek, [addisionele parameters]));

Jy kan die metode on op 'n ander manier gebruik. Dan word 'n JavaScript-objek as eerste parameter oorgedra, waar die sleutels die tipe gebeurtenis is, en die waardes die handler-funksies wat vir daardie gebeurtenisse opgeroep word:

$(selekteerder).on({'gebeurtenistipe': handler}, [selekteerder], [data]);

As ons nie 'n addisionele selekteerder oordra nie, dan vuur die gebeurtenis op die element waaraan ons die handler heg. Andersins - op die afstammeling-element wat daardie selekteerder pas (gedelegeerde gebeurtenisse). Dieselfde gebeurtenishandler kan meer as een keer aan 'n element geheg word.

Voorbeeld

Kom ons vertoon die teks van die paragraaf met #test in 'n alert wanneer daarop geklik word. Klikke op ander paragrawe sal niks doen nie:

<p>teks1</p>
<p id="test">teks2</p>
<p>teks3</p>

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

Voorbeeld

Kom ons, wanneer daar op die paragraaf geklik word, die data vertoon wat ons aan die metode on oorgedra het. Ons sal die handler-funksie testFunc gebruik wat ons geskep het:

<p>klik</p>

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

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

Sien ook

die metode off,
wat jou toelaat om 'n gebeurtenishandler van 'n element te verwyder
die metode one,
wat 'n gebeurtenis een keer laat vuur en dan die handler outomaties verwyder
die objek event,
wat inligting oor die gebeurtenis bevat
die metode trigger,
wat jou toelaat om alle gebeurtenishandlers, geheg aan die element vir 'n gegewe tipe gebeurtenis, te aktiveer
die JavaScript-metode bind,
wat jou toelaat om konteks aan 'n funksie te bind