Почему не получается удалить событие?

Question

[pandaa]

function func(e){
  console.log(e.target.id);
}
 
//Назначаю событие
document.body.addEventListener('click', function (e) {
func(e);
});

// И сразу его удаляю
document.body.removeEventListener('click', function (e) {
func(e);
});
//Но функция продолжает работать

В чем ошибка?

Comments

[Михаил]

в том, что если код функции выглядит одинаково, это не значит что это одна и так же функция

Answer 1

[Сергей Соколов]

(function(e) {}) === (function(e) {}) // false

Хотя код функций идентичен – они не равны, т.к. сидят в разных областях памяти.

Как починить:

function func(e) {
  console.log(e.target.id);
}
 
// Назначить событие
document.body.addEventListener('click', func);

// И сразу его удалить
document.body.removeEventListener('click', func);

Comments

[pandaa]

Thanks!

[pandaa]

Сергей Соколов, как можно передать параметр в функцию? На этом примере?

[Сергей Соколов]

pandaa, через привязку bind():

function func(foo, e) {
  console.log(foo, e.target.id);
}
const handler = func.bind(null, "bar");
document.body.addEventListener('click', handler);
document.body.removeEventListener('click', handler);

Если последнюю строку закомментить, будет при клике выводить "bar answer_1583641"

[pandaa]

Сергей Соколов, Спасибо огромное