Hvordan simulere et klikk med JavaScript?

Hvordan simulere et klikk med JavaScript?

Følgende tilnærminger kan implementeres for å bruke et klikksimulering i JavaScript:

• “ved trykk" begivenhet.
• “AddEventListener ()”Metode.
• “Klikk ()”Metode.

Tilnærming 1: Simulere et klikk med JavaScript ved hjelp av OnClick -hendelsen

En "ved trykk”Hendelsen oppstår når knappen trykkes. Denne tilnærmingen kan brukes for å påkalle en funksjon på knappeklikk og øke "Klikk tell”Hver gang knappen klikkes.

Sideanmerkning: En "ved trykk”Hendelsen kan ganske enkelt brukes ved å knytte den til en bestemt funksjon.

Eksempel

Gå gjennom følgende kodebit:

Klikk simulert> ganger

Klikk på meg!

• Inkluderer den spesifiserte overskriften sammen med en "”Tag for å øke“telle”Av klikk.
• I neste trinn, oppretter du en knapp med et vedlagt “ved trykk”Hendelse som omdirigerer til funksjonen CountClick () som får tilgang til på knappeklikk.

La oss nå gå gjennom følgende JavaScript -kodelinjer:

I ovennevnte JS -del av koden:

• Her initialiserer først klikkene med "0”.
• Etter det, erklærer en funksjon som heter “CountClick ()”. I sin definisjon, øk den initialiserte “Klikk”Med“1”. Dette vil resultere i å øke tellingen hver gang knappen klikkes.
• Til slutt får du tilgang til “spenn”Element ved hjelp av“dokument.QuerySelector ()”Metode. Bruk også “Tekstkonkurranse”Eiendom for å tildele det økte klikktellingen omtalt før til spennelementet.

Utgangen vil være som følger:

Funksjonaliteten til den økte tidtakeren på hvert klikk kan observeres i output ovenfor.

Tilnærming 2: Simulere et klikk med JavaScript via AddEvEnListener () -metode

“AddEventListener ()”Metode tildeler en hendelsesbehandler til et element. Denne metoden kan implementeres ved å knytte en spesifikk hendelse til et element og varsle brukeren om triggeren av hendelsen.

Syntaks

element.AddEventListener (hendelse, funksjon)

I den gitte syntaks:

• “begivenhet”Henviser til hendelsesnavnet.
• “funksjon”Peker på funksjonen som skal utføres når hendelsen oppstår.

Eksempel

Den undergitte demonstrasjonen forklarer det uttalte konseptet:

Klikk på lenken

I koden ovenfor:

• For det første, spesifiser en “anker”Tag for å inkludere den spesifiserte lenken
• I JavaScript -delen av koden får du tilgang til den opprettede lenken ved å bruke "dokument.getElementById ()”Metode.
• Til slutt, bruk "AddEventListener ()”Metode til den tilgang til”lenke”. “Klikk”Arrangementet er vedlagt i dette tilfellet som vil resultere i å varsle brukeren etter å klikke på den opprettede lenken.

Produksjon

Tilnærming 3: Simulere et klikk med JavaScript ved hjelp av klikk () -metoden

“Klikk ()”Metode utfører en museklikk-simulering på et element. Denne metoden kan brukes til å simulere et klikk direkte til de vedlagte knappene som navnet spesifiserer.

Syntaks

element.Klikk ()

I den gitte syntaks:

• “element”Peker på elementet som klikket vil bli utført.

Eksempel

Følgende kodebit forklarer det uttalte konseptet:

Fant du denne siden nyttig?

Ja
Nei

• Først inkluderer du den oppgitte overskriften innenfor "" stikkord.
• Etter det, lag to forskjellige knapper med de spesifiserte ID -ene.
• Fest også en "ved trykk”Arrangement med begge påkaller funksjonen SimulateClick ().
• I neste trinn, ta med en annen overskrift med den spesifiserte “id”For å varsle brukeren så snart"Klikk”Er simulert.

Gå nå gjennom de undergitte JavaScript-linjene:

• Definere en funksjon “SimulateClick ()”.
• Her får du tilgang til de opprettede knappene ved å bruke “dokument.getElementById ()”Metode og bruk“Klikk ()”Metode til dem.
• Nå får du tilgang til den tildelte overskriften og bruk "Innertekst”Eiendom for å vise den uttalte meldingen som en overskrift på det simulerte klikket.

Produksjon

I output ovenfor er det tydelig at begge opprettet knapper simulerer klikket.

Denne bloggen viser hvordan du bruker et klikksimulering ved hjelp av JavaScript.

Konklusjon

En "ved trykk”Arrangement,“AddEventListener ()”Metode, eller“Klikk ()”Metode kan brukes til å simulere et klikk med JavaScript. En "ved trykk”Hendelse kan brukes for å simulere et klikk hver gang knappen klikkes i form av en teller. “AddEventListener ()”Metode kan brukes til å knytte en hendelse til lenken og varsle brukeren etter klikksimulering. “Klikk ()”Metode kan brukes på de opprettede knappene og utfører den nødvendige funksjonaliteten for hver av knappene. Denne oppskrivningen forklarer hvordan du bruker et klikksimulering i JavaScript.