De off methode in jQuery

Het loskoppelen van events, die zijn gekoppeld via on, wordt gedaan met de methode off. Als eerste parameter accepteert het het event type (bijvoorbeeld 'click'), en als tweede - de naam van de functie die losgekoppeld moet worden.

Laten we het volgende voorbeeld bekijken. Stel we hebben de volgende HTML code:

<ul>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
</ul>

In CSS is een stijl gespecificeerd voor de li tag:

li {
	width: 100px;
	cursor: pointer;
}

Laten we ervoor zorgen dat na de eerste klik op een li, de event handler ervan wordt losgekoppeld:

$('li').on('click', function() {
	$(this).append('!');
	$(this).off('click', func);
});

Klik op de lijstitems. Je zult zien dat bij een tweede klik op hetzelfde lijstitem niets gebeurt, omdat onze functie func na het uitvoeren van de append methode wordt losgekoppeld met de off methode.

Koppel aan alle links een event - wanneer er met de muis over een link wordt gegaan, wordt haar href tussen ronde haakjes aan het einde van haar tekst toegevoegd. Na de eerste keer dat er met de muis over een link wordt gegaan moet de event handler die de href aan het einde van de tekst toevoegt worden losgekoppeld.

Zorg voor alle inputs dat ze hun value uitprinten wanneer er op een willekeurige input wordt geklikt, maar alleen bij de eerste klik. Een tweede klik op een input mag geen reactie veroorzaken.

Er zijn alinea's met getallen. Bij een klik op een alinea moet het kwadraat van het getal dat het bevat erin verschijnen, maar alleen bij de eerste klik. Bij een dubbele klik op een alinea moet het getal in de alinea verdubbeld worden, maar ook alleen de eerste keer.