Metoden on

Metoden on lar deg legge til en hendelseshåndterer til et element. For å fjerne hendelseshåndtereren kan du bruke metoden off, for at hendelsen skal utløses bare én gang, og deretter fjerner hendelseshåndtereren seg selv - bruk metoden one. Elementene som vi binder hendelseshåndtereren til må eksistere på tidspunktet for kallet til on.

Syntaks

Slik legger vi til en hendelseshåndterer til et element, som første parameter sendes en eller flere hendelser atskilt med mellomrom som en streng, som andre parameter sender vi et ekstra filter- utvelger for etterkommere inni elementet, som tredje - ekstra data, som sendes til hendelseshåndtereren i egenskapen event.data når hendelsen utløses. Andre og tredje parameter er valgfrie. Som fjerde sender vi hendelseshåndterer-funksjonen, som får hendelseobjektet og valgfrie ekstra parametere. Hvis du sender false i stedet for hendelseshåndterer-funksjonen, vil funksjonen bare returnere false:

$(utvelger).on(hendelser, [utvelger], [data], hendelseshåndterer-funksjon(hendelseobjekt, [ekstra parametere]));

Du kan bruke metoden on på en annen måte, da sendes et JavaScript-objekt som første parameter, der nøklene er hendelsestype, og verdiene er hendelseshåndterer-funksjoner som kalles for hendelsene:

$(utvelger).on({'hendelsestype': handler}, [utvelger], [data]);

Hvis vi ikke sender en ekstra utvelger, utløses hendelsen på elementet som vi fester hendelseshåndtereren til, ellers - på etterkommer-elementet som matcher denne utvelgeren (delegerte hendelser). Den samme hendelseshåndtereren kan være bundet til elementet flere ganger.

Eksempel

La oss i alert, vise teksten i avsnittet med #test når det klikkes på det, klikk på andre avsnitt vil ikke føre til noe:

<p>tekst1</p>
<p id="test">tekst2</p>
<p>tekst3</p>

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

Eksempel

La oss ved klikk på avsnittet vise dataene som vi sendte til metoden on. La oss bruke hendelseshåndterer-funksjonen testFunc, som vi opprettet:

<p>klikk</p>

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

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

Se også

metoden off,
som lar deg fjerne en hendelseshåndterer fra et element
metoden one,
som lar en hendelse utløses én gang, og deretter automatisk fjerne hendelseshåndtereren
objektet event,
som inneholder informasjon om hendelsen
metoden trigger,
som lar deg kjøre alle hendelseshåndterere, bundet til elementet for hendelser av angitt type
JavaScript-metoden bind,
som lar deg binde en kontekst til en funksjon