Как удалить обрабочик события?

Question

[hellcaster]

Всем привет! Я повешал на document обработчик события keydown.

document.addEventListener('keydown', function () {
    console.log(1);
};

Но по нажатию мне нужно удалить обработчик

var callback = function () {
    console.log(1);
    document.removeEventListener('keydown', callback);
}

document.addEventListener('keydown', callback);

И вроде все хорошо, но нет, оказалось, что мне нужно для callback передать параметр!

И так, вопрос года. Как передать в callback addEventListener'а параметр, а потом удалить EventListener?

Answer 1

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

Можно сделать функцию-создающую-функцию с параметром:

function cbMaker(param) {
  const cb = function(event) {
    console.log(param, event);
    document.removeEventListener('keydown', cb);
  }
  return cb;
}

document.addEventListener('keydown', cbMaker(1));

Comments

[Роман]

Ну да, можно и так, замкнуть параметр, чтобы сохранить его с момента создания коллбэка до его вызова)

[Роман]

Правда данный подход, хоть и обезопасит параметр от изменения, но все равно не обезопасит от того что содержимое параметра останется аналогичным состоянию на момент создания коллбэка в случае если параметр объект. Так что особого смысла делать функцию обертку не вижу, разве что для удобства собственного восприятия (типа все параметры должны быть переданы как параметры)

[Антон Швец]

Роман, если есть такая опасность, то всегда можно объект зафризить или склонировать. Но это редкий случай, в таких ситуациях логика уже сложнее бывает обычно.
А для заданного вопроса этот пример полностью подходит.

[Роман]

Антон Швец, потому я и поставил "нравится" под вашим ответом. А мой комментарий всего лишь предупреждение автору(на всякий случай так сказать)))

[Антон Швец]

Роман, это не мой ответ :) но я бы так и сделал

[hellcaster]

Всем спасибо, я, все-таки, сделал по-другому, но, наверное, это поможет в будущем ^_^

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

muryn.official, как вы в итоге сделали? Приведите код - возможно, будет кому-то полезно.