Quando você usa o addEventListener()método para adicionar um manipulador de eventos a um evento de um elemento, o manipulador de eventos será executado sempre que o evento ocorrer.
Para criar um manipulador de eventos único que é executado apenas uma vez, você usa o terceiro parâmetro do addEventListener()método:
element.addEventListener(type,handler,{once: true});Linguagem de código: CSS ( css )O terceiro parâmetro do addEventListener()método é um objeto que possui uma propriedade once. Se estiver definido como true, o manipulador de eventos será executado apenas uma vez.
O exemplo a seguir mostra como criar um manipulador de eventos único. Suponha que você tenha um botão com a classe .btn:
<button class="btn">Subscribe</button>Linguagem de código: HTML, XML ( xml )O seguinte adiciona o manipulador de eventos único ao evento click do botão:
const btn = document.querySelector('.btn');
btn.addEventListener('click', function (e) {
alert('Subscribed!');
}, {
once: true
});Linguagem de código: JavaScript ( javascript )Se você clicar no botão, a caixa de diálogo de alerta será exibida apenas uma vez.
