Как убрать один обработчик и добавить другой

Для замены обработчика событий сначала нужно удалить старый обработчик с помощью removeEventListener, затем добавить новый через addEventListener. Важно передавать ту же самую функцию, что и при добавлении.

// Старый обработчик
function oldHandler() {
  console.log('Старый обработчик');
}

// Новый обработчик
function newHandler() {
console.log('Новый обработчик');
}

// Добавляем старый обработчик
element.addEventListener('click', oldHandler);

// Удаляем старый и добавляем новый
element.removeEventListener('click', oldHandler);
element.addEventListener('click', newHandler);

Ключевые моменты:
1. Функция должна быть той же самой (не анонимной)
2. Тип события должен совпадать
3. Можно использовать один обработчик для нескольких событий