Método removeEventListener
O método removeEventListener permite
remover um manipulador de eventos previamente atribuído via addEventListener.
Para isso, nos parâmetros
é necessário passar o tipo do evento e a mesma função
que foram passados na atribuição do evento.
Sintaxe
elemento.removeEventListener('tipo do evento', função);
Exemplo
Vamos fazer com que o clique no elemento funcione apenas uma vez:
<input type="button" id="button" value="click me">
let button = document.querySelector('#button');
button.addEventListener('click', func); // atribui o evento
function func() {
alert('!!!');
button.removeEventListener('click', func); // após o clique, remove-o
};
:
Veja também
-
método
preventDefault,
que cancela a ação padrão
