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.