Mens vi går gjennom Internett, kommer vi over nettsteder der det kreves å fylle ut et bestemt skjema. I slike tilfeller er det veldig nyttig å trykke på Tast Nøkkel programmatisk i JavaScript. Før du fortsetter til neste trinn, kan denne funksjonen også hjelpe til med å fylle feltene.

Denne håndboken vil diskutere metodene for å programmatisk treffe Enter -tasten i JavaScript.

Hvordan du trykker på en tast programmatisk i JavaScript?

For å trykke Enter Tast programmatisk ved hjelp av JavaScript, kan følgende tilnærminger brukes:

• • “dokument.AddEventListener ()”Metode
  • “dokument.QuerySelector ()”Metode
  • “dokument.getElementById ()”Metode

Gå gjennom de nevnte metodene en etter en!

Metode 1: Trykk Enter Tast Programmatisk i JavaScript ved hjelp av dokument.AddEventListener () -metode

“dokument.AddEventListener ()”Metode fusjonerer en hendelsesbehandler til et dokument. Denne metoden kan implementeres for å legge til den spesifiserte hendelsen for å oppdage når Enter -tasten trykkes på.

Syntaks

dokument.AddEventListener (hendelse, funksjon)

I syntaks ovenfor, begrepet “begivenhet”Henviser til hendelsen som vil påkalle den spesifiserte“funksjon”Når det blir utløst.

Ideen som er nevnt ovenfor er vist i eksemplet nedenfor.

Eksempel

I det følgende eksempel vil vi bruke "dokument.AddEventListener ()”Metode og legg til en hendelse som heter“Keydown”. Dette vil føre til å varsle brukeren når "Tast inn”Nøkkel presses via varsel:

dokument.AddEventListener ("KeyDown", (e) =>
hvis (e.tast == "Enter")
Varsel ("Enter -tasten er trykket på")

);

Tilsvarende utgang vil være:

Metode 2: Trykk Enter Tast Programmatisk i JavaScript ved hjelp av dokument.QuerySelector () -metode

“dokument.QuerySelector ()”Metoden får det første elementet som en CSS -velger samsvarer med. Denne metoden kan brukes for å få tilgang til et bestemt element, endre verdien og vise den på dokumentobjektsmodellen (DOM) når enter -tasten trykkes på.

Syntaks

dokument.QuerySelector (CSS Selectors)

Her, “CSS -velgere”Refererer til en eller flere enn en CSS -velgere.

Se på følgende eksempel.

Eksempel

Først vil vi legge til følgende overskrift ved å bruke "

" stikkord:

Resultat

Neste, bruk "dokument.QuerySelector ()”Metode for å få tilgang til den spesifiserte overskriften:

La enterkey = dokument.QuerySelector ("H1");

Nå, legg ved en hendelse som heter “Keydown" bruker "dokument.AddEventListener ()”Metode diskutert i forrige metode. Her, også plassere en betingelse for "Tast inn”Tast som sjekker om ENTER -tasten er trykket på:

dokument.AddEventListener ("KeyDown", (e) =>
hvis (e.tast == "Enter")
Enterkey.Innertext = "Enter -tasten er trykket på";

);

Produksjon

I ovennevnte utgang kan det observeres at "Innertekst”Eiendom endrer DOM -teksten når du trykker på“Tast inn”Nøkkel.

Metode 3: Trykk Enter Tast Programmatisk i JavaScript ved hjelp av dokument.getElementById () -metode

“dokument.getElementById ()”Metode får tilgang til et element med den spesifiserte IDen. Denne metoden kan brukes til å identifisere enter -tasten når en bruker legger inn tekst i inndatafeltet.

Syntaks

dokument.getElementById (ElementId)

I ovennevnte syntaks, “ElementId”Representerer ID for elementet som vi ønsker å få tilgang til.

Eksempel

For det første, inkluder en overskrift ved hjelp av “

Fyll inngangsfeltet

I neste trinn, lag et inngangsfelt for å legge inn teksten med følgende “id”Og“stedholder”Verdier:

Deretter henter du den tildelte IDen med "dokument.getElementById ()”Metode:

La enterkey = dokument.getElementById ("Input")

Til slutt, bruk "AddEventListener ()”Metode og fest hendelsen som heter“Keydown”På inndatafeltet for å oppdage om Enter -tasten trykkes og varsle den ved å bruke varslingsdialogboksen:

Enterkey.AddEventListener ("KeyDown", (e) =>
hvis (e.tast == "Enter")
Varsel ("Enter -tasten er trykket på")

)

Produksjon

Vi har samlet forskjellige metoder for å trykke Enter -tasten programmatisk i JavaScript.

Konklusjon

For å trykke Enter Tast programmatisk i JavaScript, bruk "dokument.AddEventListener ()”Metode for å legge ved en bestemt hendelse og varsle brukeren hvis ENTER -tasten trykkes via et varsel,“dokument.QuerySelector ()”Metode for å vise statusen til den trykte enter -tasten på DOM eller“dokument.getElementById ()”Metode for å bruke en Enter -nøkkelverifisering på et inngangsfelt. Denne artikkelen demonstrerte metodene for å programmatisk treffe Enter -tasten i JavaScript.