Qual é o método addEventListener em javascript.

Em JavaScript, um evento é uma ação que ocorre em uma página da web. Esta ação pode ser qualquer coisa, desde clicar em um botão até o carregamento da página. Vários eventos podem ocorrer simultaneamente e podem ser iniciados pelo usuário ou pelo navegador. Para gerenciar esses eventos, os manipuladores de eventos são necessários. Quando um evento ocorre dentro de um navegador, ele alerta o sistema que pode então lidar (responder a) esses eventos.

Neste post, teremos uma discussão detalhada sobre o AddEventListener () Método em JavaScript e como podemos usá -lo para capturar e lidar com eventos.

O que é addEventListener () em javascript

JavaScript nos fornece o addEventListener () Método, que é uma função embutida que pode ser usada para especificar uma função que será executada caso um determinado evento seja acionado.

Sintaxe

Target_Element.addEventListener (evento, função, usecapture)

Target_Element: Este é o elemento html ao qual queremos anexar o manipulador de eventos.

Os parâmetros são:

• evento: É um evento JavaScript válido que está escrito sem o prefixo 'on'. Por exemplo, 'Click' está escrito em vez de 'OnClick'. O função executa assim que este evento ocorre.
• função: Esta função é um ouvinte que é executado em resposta a um evento acionado.
• Usecapture: É um valor booleano opcional que decide qual tipo de evento usar (borbulhamento ou captura de eventos).

O que são os eventos borbulhando e captura de eventos

O terceiro parâmetro booleano opcional, Usecapture, determina a propagação do evento, que decide a sequência de ocorrência de um evento.

Se houver

elemento dentro de um elemento e o usuário clica no

elemento, qual do evento de clique deve ocorrer primeiro?

Em Bubbling, que é representado por False, a sequência de ocorrência passa de interior para externa. O

A tag será tratada primeiro e depois a tag.

Considerando que, para capturar, isso é representado através do verdadeiro, o evento mais externo é tratado primeiro antes do elemento interno. Primeiro, será tratado e depois o

marcação.

Exemplo

Aqui, dois parâmetros são passados. Ao clicar no botão, a função é chamada que exibe o texto:

Clique aqui

Conclusão

O addEventListener O método em JavaScript permite capturar eventos e depois executar a função especificada com base no evento que ocorreu. São necessários três parâmetros; um dos quais é opcional. O terceiro parâmetro (opcional), Usecapture, é um parâmetro booleano que decide a sequência dos eventos que estão ocorrendo. Neste post, tivemos uma discussão abrangente sobre o que é o addEventListener () Método e como usá -lo efetivamente em nosso código JavaScript.