Метод off
Методът off позволява да откачите обработчик
на събития от елемент. За да прикачите обработчик,
можете да използвате метода
off.
Синтаксис
Така премахваме обработчик на събития от елемент,
като като първи параметър във вид на низ
се подава едно или няколко събития, разделени с
интервали, вторият - подаваме допълнителен
филтриращ селектор за потомци вътре в елемента
(той трябва да съвпада с този, който подадохме в
метода on, когато прикачвахме
обработчика). За да премахнете всички делегирани събития,
подайте стойност '**'. Вторият параметър
е незадължителен. Третият подава функция-обработчик
(която прикачихме), в която се подава обект
на събитието или подаваме false:
$(селектор).off(събития, [селектор], функция-обработчик(обект на събитието));
Можете да използвате метода off по друг начин,
тогава като първи параметър се подава
JavaScript обект, където ключовете са тип събитие, а
стойностите са функции-обработчици, които добавихме към
елемента:
$(селектор).off({'тип събитие': handler}, [селектор]);
Можем просто да подадем един параметър във вид на
обект jQuery.Event:
$(селектор).off(събитие);
Ако не подадете параметри на метода, тогава ще откачим от елемента всички прикачени обработчици:
$(селектор).off();
Пример
Нека добавим функция-обработчик
testFunc към параграфите.
Но веднага ще премахнем обработчика от
втория параграф, т.е. кликването върху втория параграф няма да
доведе до нищо (ако коментираме последния
ред код, ще видим как събитието се задейства и
при кликване върху втория параграф):
<p id="test1">click1</p>
<p id="test2">click2</p>
function testFunc(event) {
alert(event.data.text);
}
$('#test1').on('click', {text: 'aaa'}, testFunc); // добавяме обработчик
$('#test2').on('click', {text: 'bbb'}, testFunc); // добавяме обработчик
$('#test2').off('click', testFunc); // премахваме обработчик
