Hva er AddEventListener -metoden i JavaScript.

I JavaScript er en hendelse en handling som oppstår på en webside. Denne handlingen kan være alt fra å klikke på en knapp til lasting av siden. Flere hendelser kan oppstå samtidig og kan initieres av enten brukeren eller nettleseren. For å administrere disse hendelsene, kreves hendelsesbehandlere. Når en hendelse oppstår i en nettleser varsler den systemet som deretter kan håndtere (svare på) disse hendelsene.

I dette innlegget vil vi ha en detaljert diskusjon om AddEventListener () Metode i JavaScript og hvordan vi kan bruke den til å fange og håndtere hendelser.

Hva er AddEventListener () i JavaScript

JavaScript gir oss AddEventListener () Metode, som er en innebygd funksjon som kan brukes til å spesifisere en funksjon som vil bli utført i tilfelle en bestemt hendelse utløses.

Syntaks

Target_element.AddEventListener (hendelse, funksjon, usecapture)

Target_element: Dette er HTML -elementet vi ønsker å legge ved hendelsesbehandleren.

Parametere er:

• begivenhet: Det er en gyldig JavaScript -arrangement som er skrevet uten 'på' prefikset. For eksempel er 'klikk' skrevet i stedet for 'onclick'. De funksjon Utfør når denne hendelsen oppstår.
• funksjon: Denne funksjonen er en lytter som utføres som svar på en utløst hendelse.
• Bruket: Det er en valgfri boolsk verdi som bestemmer hvilken hendelsestype du skal bruke (hendelsesbobling eller begivenhetsfangst).

Hva er hendelsesbobling og begivenhetsfangst

Den tredje valgfrie boolske parameteren, Bruket, Bestemmer hendelsesutbredelsen, som bestemmer sekvensen for forekomst av en hendelse.

Hvis det er

element inne i et element og brukeren klikker på

element, hvilket av hendelsen av klikk først skal oppstå?

I bobling, som er representert av falsk, går forekomstsekvensen fra indre til ytre. De

taggen blir håndtert først og deretter taggen.

Mens det er representert gjennom True, blir den ytterste hendelsen håndtert først før det indre elementet. Først blir håndtert og deretter

stikkord.

Eksempel

Her blir to parametere bestått. Ved å klikke på knappen kalles funksjonen som viser teksten:

Klikk her

Konklusjon

De AddEventListener Metode i JavaScript lar deg fange hendelser og deretter utføre den spesifiserte funksjonen basert på hendelsen som har skjedd. Det tar tre parametere; hvorav den ene er valgfri. Den tredje (valgfrie) parameteren, Bruket, er en boolsk parameter som bestemmer sekvensen til hendelsene som oppstår. I dette innlegget har vi hatt en omfattende diskusjon om hva som er AddEventListener () Metode og hvordan du effektivt bruker den i vår JavaScript -kode.