Как снять обработчик события?

Question

[Сергей]

Есть функция вида

function closeOnEscapePress(modal, e) {
  if (e.keyCode === 27) {
    closeModal(modal);
  }
}

Вешаю следующий обработчик:

document.addEventListener('keydown', closeOnEscapePress.bind(null, modal));

Как его удалить? Так не работает:

document.removeEventListener('keydown', closeOnEscapePress.bind(null, modal));

Answer 1

[Никита Егоров]

bind создает новую функцию, необходимо запомнить ее.

const closeOnEscapePress = closeOnEscapePress.bind(null, modal);

document.addEventListener('keydown', closeOnEscapePress);
document.removeEventListener('keydown', closeOnEscapePress);