Metóda off v jQuery

Odobratie udalostí, ktoré boli priradené pomocou on, sa vykonáva pomocou metódy off. Prvým parametrom prijíma typ udalosti (napríklad, 'click'), a druhým - názov funkcie, ktorá má byť odobratá.

Pozrime sa na nasledujúci príklad. Majme HTML kód:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

V CSS je uvedený štýl pre tag li:

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

Urobme tak, aby sa po prvom kliku na li, udalosť od nej odobrala:

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

Klikajte na položky zoznamu. Uvidíte, že pri opakovanom kliknutí na rovnakú položku zoznamu sa nič nestane, pretože naša funkcia func po vykonaní metódy append je odobratá metódou off.

Задание 1

Priraďte všetkým odkazom udalosť - pri prejdení myšou nad odkaz sa na koniec jej textu pripíše jej href v okrúhlych zátvorkách. Po prvom prejdení myšou nad odkaz je potrebné odobrať od neho udalosť, ktorá pridáva href na koniec textu.

Задание 2

Pre všetky vstupné polia (inputy) urobte tak, aby zobrazovali svoju value pri kliknutí na ktorýkoľvek z nich, ale iba pri prvom kliknutí. Opakované kliknutie na vstupné pole by nemalo spôsobiť reakciu.

Задание 3

Sú dané odseky s číslami. Pri kliknutí na odsek sa v ňom musí objaviť druhá mocnina čísla, ktoré obsahuje, ale iba pri prvom kliknutí. Pri dvojitom kliknutí na odsek sa číslo v odseku musí zdvojnásobiť, ale tiež iba prvýkrát.