Удаление несколько обработчиков событий

Question

Как грамотнее удалять несколько событий в JS первым или вторым способом ?

Я совсем чайник в js, чувствую что неправильно оформил код.

let a = document.querySelector('#block');   

function first(){
alert('Первое событие');    
}

function second(){
alert('Второе событие');    
}

a.addEventListener("click", first);
a.addEventListener("click", second);

// a.removeEventListener("click", first, second) - первый вариант удаления

// a.removeEventListener("click", first)         - второй вариант удаления
// a.removeEventListener("click", second)        - второй вариант удаления

#block{
background: orange;
height: 50px;
margin-bottom:10px;
}

#texts{
font-size: 25px;
padding:12px;
text-align:center;
}

<div id ="block">                  
<div id ="texts">
Удаление несколько событий
</div>
</div>

Answer 1

const removeEventListeners = (element, eventName, listeners) =>
  listeners.forEach(listener => element.removeEventListener(eventName, listener));

removeEventListeners(a, 'click', [first, second]);

Если надо удалять много обработчиков ^

БЛОГ НА HUSL

Удаление несколько обработчиков событий

Ответы (1 шт):