Hva er arrangement.PreventDefault i JavaScript?

Hva er arrangement.PreventDefault i JavaScript?

Når vi besøker en webside, blir mange handlinger utløst. Disse handlingene kan inkludere å klikke på en knapp, fylle ut og sende et skjema, lukke en fane, velge en avkrysningsrute eller bla på siden. Disse hendelsesaktivitetene kan stoppes i JavaScript. Videre er det mulig å forhindre dem i å utføre den relaterte standardhandlingen. Mer spesifikt, “PreventDefault ()”JavaScript -metoden stopper utførelsen av en kansellerbar hendelse.

Dette innlegget uttalte:

  • Hva er arrangementet.PreventDefault () Metode i JavaScript?
  • Hvordan bruke arrangementet.PreventDefault () Metode i JavaScript?

Hva er arrangement.PreventDefault () i JavaScript?

PreventDefault ()”Er en JavaScript -metode som brukes for å forhindre at nettleseren utfører standardhandlingene og hendelsene for de spesifiserte elementene. Det kan forhindre at brukeren utfører forespørselen ved å treffe lenken.

Hvordan bruke arrangementet.PreventDefault () Metode i JavaScript?

Å bruke “begivenhet.PreventDefault ()”Metode i JavaScript, følg den under-uttalte syntaksen

begivenhet.PreventDefault ()

I syntaks ovenfor:

  • begivenhet”Brukes for å betegne enhver handling.
  • PreventDefault ()”Metoden tillater ingen parametere å passere. Den aksepterer ikke parameterverdien.

Eksempel 1: Forhindre avkrysningsrute ved bruk av PreventDefault () -metode

For å forhindre avmerkingsbokser ved å bruke "PreventDefault ()”Metode, først, lag en HTML -side og legg til en overskrift ved hjelp av en hvilken som helst overskriftskode fra“

" til "
" stikkord. For å gjøre det, “

”Tag brukes her:

begivenhet.PreventDefault () -metode

Bruke "”HTML -tag og legg til beskrivelsen inne i taggen:

Nå, bruk "”Element og legg til attributtet oppført nedenfor:

  • Spesifiser “type”Attributt og angi verdien som“ avkrysningsrute ”.
  • id”Attributt brukes til å angi en ID med et bestemt navn:
Ja

Sett inn skriptetoden og legg til følgende kode:

I ovennevnte kodebit:

  • Bruke "getElementById ()”Metode for å returnere et element med en bestemt ID. GetElementById () -metoden returnerer null hvis elementet ikke eksisterer.
  • AddEventListener ()”Metode brukes til å koble en hendelsesbehandler med et definert element.
  • Deretter passere "PreventDefault ()”Som parameter til denne metoden, som vil forhindre det ekstra inngangstypeelementet.

Produksjon

Eksempel 2: Forhindre inngangsfelt ved bruk av PreventDefault () -metode

For å forhindre inngangsfeltet ved å bruke "PreventDefault ()”Metode, først, legg til en etikett ved hjelp av HTML”" stikkord:

Spesifiser inngangstypen som "tekst”Og tilordne en ID:

Bruk “”Merk og legg til følgende kode for videre behandling:

I ovennevnte kodebit:

  • Bruke "getElementById ()”For å få inngangsfeltelementet.
  • Bruk deretter “Hvis/ellers”Uttalelse og legg til den nødvendige tilstanden.

Produksjon

Det handler om arrangementet.PreventDefault () i JavaScript.

Konklusjon

PreventDefault ()”Er en JavaScript -metode som brukes for å forhindre at nettleseren utfører standardhandlingene og hendelsene for de spesifiserte elementene. Du kan bruke denne metoden for å forhindre avmerkingsboks, inngangsfelt, alternativknapp og andre inngangstyper. Denne opplæringen har uttalt bruken av JavaScript “begivenhet.PreventDefault ()”Metode.