Допустим хотим поставить обработчик события, и снять его тут же:
let button = document.getElementById('button');
function func() {
console.log('Сработало');
}
button.addEventListener('click', func);
button.removeEventListener('click', func);
<button id="button">Кликни</button>
Прекрасно, func не сработал.
Но что будет, если в обработчике есть функции с this?
let button = document.getElementById('button');
let objWithFunc = {
func() {
console.log('Сработало');
},
start() {
function auxiliaryFunc() {
this.func();
}
// Воспользуемся .bind(this) иначе будет ошибка
button.addEventListener('click', auxiliaryFunc.bind(this));
// Ни один из следующих методов не снимет обработчик
button.removeEventListener('click', auxiliaryFunc);
button.removeEventListener('click', auxiliaryFunc.bind(this));
}
}
objWithFunc.start();
<button id="button">Кликни</button>
Как снять обработчик в этом случае?