Метод off в jQuery
Отвязывание событий, привязанных через
on,
производится с помощью метода
off.
Первым параметром он принимает тип события
(например, 'click'), а вторым - имя
функции, которую следует отвязать.
Рассмотрим следующий пример. Пусть у нас есть HTML код:
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
В CSS указан стиль к тегу li:
li {
width: 100px;
cursor: pointer;
}
Давайте сделаем так, чтобы после первого
клика по li, событие от нее
отвязывалось:
$('li').on('click', function() {
$(this).append('!');
$(this).off('click', func);
});
Понажимайте на пункты списка. Вы увидите, что при повторном
нажатии на тот же пункт списка ничего не происходит, поскольку
наша функция func после выполнения метода
append
отвязывается методом off.
Привяжите всем ссылкам событие - по
наведению на ссылку в конец ее текста
дописывается ее href в круглых
скобках. После первого наведению на ссылку
следует отвязать от нее событие, которое
добавляет href в конец текста.
Для всех инпутов сделайте так, чтобы они
выводили свой value алертом при
нажатии на любой из них, но только по
первому нажатию. Повторное нажатие на
инпут не должно вызывать реакции.
Даны абзацы с числами. По клику на абзац в нем должен появится квадрат числа, которое он содержит, но только по первому клику. По двойному клику на абзац число в абзаце должно удвоится, но тоже только первый раз.