Qual è il metodo AddeventListener in JavaScript.

In JavaScript, un evento è un'azione che si verifica su una pagina web. Questa azione può essere qualsiasi cosa, dal clic di un pulsante al caricamento della pagina. Diversi eventi possono verificarsi contemporaneamente e possono essere avviati dall'utente o dal browser. Per gestire questi eventi, sono richiesti gestori di eventi. Quando si verifica un evento all'interno di un browser avvisa il sistema che può quindi gestire (rispondere a) questi eventi.

In questo post avremo una discussione dettagliata sul AddEventListener () Metodo in JavaScript e come possiamo usarlo per acquisire e gestire gli eventi.

Cosa è addEventListener () in JavaScript

JavaScript ci fornisce il addEventListener () Metodo, che è una funzione integrata che può essere utilizzata per specificare una funzione che verrà eseguita nel caso in cui un particolare evento venga attivato.

Sintassi

Target_element.addEventListener (evento, funzione, usecapture)

Target_element: Questo è l'elemento HTML a cui vogliamo allegare il gestore di eventi.

I parametri sono:

• evento: È un evento JavaScript valido che è scritto senza il prefisso "su". Ad esempio, "Click" è scritto invece di "OnClick". IL funzione Esegui una volta che si verifica questo evento.
• funzione: Questa funzione è un ascoltatore che viene eseguito in risposta a un evento attivato.
• usecapture: È un valore booleano opzionale che decide quale tipo di evento utilizzare (evento gorgogliante o cattura dell'evento).

Cosa sono l'evento gorgogliante e la cattura degli eventi

Il terzo parametro booleano opzionale, usecapture, determina la propagazione dell'evento, che decide la sequenza di occorrenza di un evento.

Se c'è

elemento all'interno di un elemento e l'utente fa clic su

elemento, quale evento di clic dovrebbe avvenire prima?

In gorgogliamento, che è rappresentato da False, la sequenza di occorrenza va dall'interno a esterno. IL

Il tag verrà gestito prima e poi il tag.

Considerando che, per catturare, è rappresentato attraverso True, l'evento più esterno viene gestito prima dell'elemento interno. Innanzitutto, verrà gestito e poi il

etichetta.

Esempio

Qui vengono passati due parametri. Facendo clic sul pulsante La funzione viene chiamata che visualizza il testo:

clicca qui

Conclusione

IL addEventlistener Metodo in JavaScript consente di acquisire eventi e quindi eseguire la funzione specificata in base all'evento che si è verificato. Ci vogliono tre parametri; uno dei quali è facoltativo. Il terzo parametro (facoltativo), usecapture, è un parametro booleano che decide la sequenza degli eventi che si sta verificando. In questo post abbiamo avuto una discussione completa su ciò che è il addEventListener () Metodo e come usarlo efficacemente nel nostro codice JavaScript.