Az off metódus a jQuery-ben

Az események leválasztása, amelyek a on metódussal lettek hozzárendelve, az off metódus segítségével történik. Az első paramétere az esemény típusa (például 'click'), a második pedig annak a függvénynek a neve, amelyet le kell választani.

Nézzük meg a következő példát. Tegyük fel, hogy a következő HTML kódunk van:

<ul>
	<li>szöveg</li>
	<li>szöveg</li>
	<li>szöveg</li>
</ul>

A CSS-ben meg van adva a stílus a li elemhez:

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

Tegyük fel, hogy azt szeretnénk, hogy az első kattintás a li elemre után, az esemény leváljon róla:

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

Kattintsgasson a lista elemeire. Látni fogja, hogy ugyanarra a listaelemre ismételt kattintáskor semmi sem történik, mivel a func függvényünk a append metódus végrehajtása után levált a off metódussal.

Rendeljen minden linkhez egy eseményt - amikor a linkre mutatnak, a szöveg végéhez hozzáfűzi a link href értékét kerek zárójelek között. Az első rámutatás után leválasztja a linkről azt az eseményt, amely hozzáfűzi a href értéket a szöveg végéhez.

Minden input elemnél állítsa be, hogy kiírja a saját value értékét, amikor bármelyikre kattintanak, de csak az első kattintásra. Az input elemre történő ismételt kattintás ne váltson ki reakciót.

Adottak számokat tartalmazó bekezdések. A bekezdésre kattintáskor meg kell jelennie benne a tartalmazott szám négyzetének, de csak az első kattintáskor. Dupla kattintáskor a bekezdésre a benne lévő szám meg kell duplázódjon, de szintén csak az első alkalommal.