Повесить/снять обработчик события (toggleEventListener)?

Question

[Сергей]

Как лучше всего реализовать назначение/удаление обработчика события в одной функции? Пока остановился на создании переменной-флага. Есть ли способ элегантнее?

Answer 1

[Quattro Vias]

Если это форма (к примеру) то проверять на заполнение поля ...
Чуть больше бы конкретики )

Comments

[Сергей]

Речь идёт о модальном окне. Если окно открыто, вешать обработчик, который слушает нажатия на клавиатуру (если Esc - закрывает). Если окно закрыто - снимать обработчик. Всё это действие хочу оформить одной функцией, т.е. сделать что-то типа toggleEventListener.

[Сергей]

Максим Зайцев, у меня сейчас так сделано, но я хочу сделать как-то так:

const handler = () => {
  // тут код обработки нажатия Esc
};

const onToggle = () => {
  document.toggleEventListener('keypress', handler);
};

Как вариант - использовать переменную-флаг:

var listener = true;

function toggleEventListener() {
  if (listener) {
    document.addEventListener('keypress', handler);
    listener = false;
  } else {
    document.removeEventListener('keypress', handler);
    listener = true;
  }
}

Но есть ли способы ещё?