JavaScript | RemoveEventListener -metoden med eksempler

JavaScript tilbyr en rekke innebygde metoder for å utføre noen grunnleggende operasjoner e.g. skjemavalidering, hendelseshåndtering, nettstedsadministrasjon osv. De RemoveEventListener () Metoden brukes til å fjerne en hendelse som allerede er lagt til i JavaScript.

For å forstå RemoveVentListener () -metoden, må brukeren først ha en ide om AddEventListener () metode. I AddEventListener () -metoden er en hendelse knyttet til denne metoden for å utføre operasjonene. På den annen side brukes RemoveEventListener () -metoden for å fjerne en hendelse. Denne guiden gir en dyp innsikt i FreeVentListener () -metoden i JavaScript.

Hvordan du bruker RemoveEventListener () -metoden i JavaScript?

Hvis en bruker vil deaktivere en knapp etter ett klikk, kan de bruke RemoveEventListener () metode. Syntaksen til RemoveEventListener () -metoden er som følger:

Syntaks

element.RemoveEventListener (hendelse, funksjon, fangst)

Parametrene som brukes i syntaks ovenfor er listet opp her:

• begivenhet: identifiserer hendelsen som skal fjernes.
• funksjon: representerer fjerningsfunksjonen.
• fange: spesifiserer sant og usant i henhold til utfallet; Standardverdien er falsk.

Eksempel 1

Et eksempel er tilpasset der RemoveEventListener () metoden brukes til å fjerne en hendelse som er lagt til av AddEventListener () metode. I dette eksemplet er det påkrevd to argumenter. Det ene argumentet spesifiserer navnet på hendelsen, mens det andre er en funksjon som er tilknyttet hendelseslytteren.

Kode

Velkommen til JavaScript World

Et eksempel for å bruke RemoveEventListener () -metoden

Prøv Magic -knappen for å fikse den

Beskrivelsen av ovennevnte kode er vervet her:

• Først AddEventListener() Metoden brukes til å feste en Mousemove Arrangement som heter MagicFunction.
• De AddEventListener iS utløst hvis musens bevegelse blir oppdaget. Ellers fester den en vedlegg Hendelse for å generere kontinuerlige tilfeldige tall.
• Etter det, MagicFunction() Metoden brukes til å generere de tilfeldige tallene med Matte.tilfeldig() metode.
• Til slutt en skikk RemoveHandler () metode brukes der RemoveEventListener() kalles for å fjerne hendelsen som genererer det tilfeldige tallet. Ellers, en løsne Arrangementet utløses for å pause nummeret.

Produksjon

Utgangen returnerer en skjerm i kromvinduet ved hjelp av RemoveEventListener() Metode. I denne skjermen genereres tilfeldige tall kontinuerlig som er assosiert med musebevegelse. En knapp er vedlagt her som heter “Prøv Magic -knappen for å fikse den”. Det brukes til å fikse det tilfeldig genererte tallet.

Eksempel 2

Et annet eksempel følges her ved å bruke RemoveEventListener () metode. Koden er som følger:

Kode

Velkommen til JavaScript World

Et annet eksempel for å bruke RemoveEventListener () -metoden

Magisk knapp

I koden, RemoveEventListener() Metoden brukes med en knapp. IDen til knappen sendes til RemoveEventListener() Metode, som vil fjerne hendelsen når knappen trykkes.

Produksjon

Før du klikker på knappen:

Etter å ha klikket på knappen:

Etter å ha klikket på Magisk knapp, En hendelse kalles som genererer et popup-vindu i nettleseren.

Konklusjon

FjernEventListener () -metoden brukes til å fjerne den allerede tilførte hendelsen i JavaScript. For å øve på denne metoden, må du legge til en hendelse ved hjelp av AddEventListener () Metode i JavaScript. Etter det, RemoveEventListener () Metode kan kalles for å fjerne den hendelsen. Her har du lært arbeid og bruk av RemoveVentListener () -metoden i JavaScript ved hjelp av Basic så vel som avanserte eksempler.