Introduktion
JavaScript er et velkendt programmeringssprog. Det bruges på mere end 95% af de websteder, vi interagerer med dagligt. Du kan ofte se, at ved at klikke på en knap ændres en hel side, et formularfelt åbnes, eller der vises en pop op-boks. Fra perspektivet af en programmør / udvikler, hvordan kan vi implementere en sådan funktionalitet og håndtere webstedets interaktioner med brugerne? Når det kommer til interaktion, giver JavaScript indbyggede funktioner til at kontrollere begivenheder på et websted.
Der er to typer begivenheder i JavaScript:
- Begivenhedslytter - lytter og venter på, at begivenheden bliver fyret
- Begivenhedshåndterer - udføres, når en begivenhed bliver fyret
I denne artikel vil du lære om den mest anvendte begivenhedshåndterer af JavaScript, the onKlik begivenhed. Der er andre begivenhedshåndterere, der kan svæve over et element eller til tastaturtryk, men i denne artikel vil vi fokusere på onClick-begivenheden.
OnClick-begivenheden bruges til at udføre bestemte opgaver ved at klikke på en knap eller ved at interagere med et HTML-element.
Vi viser dig nu et eksempel for at demonstrere, hvordan onClick-begivenheden fungerer.
Eksempel: Skift tekst ved hjælp af onClick
I dette eksempel ændrer vi et udvalg af tekst ved at klikke på en knap ved hjælp af onClick-begivenheden. Først laver vi et afsnitstag og giver det et ID-afsnit for at få adgang til det senere. Vi opretter en knap med onClick-begivenheden og kalder funktionen ”ændring”.”
Linuxhint
I scriptfilen opretter vi en flagvariabel, der giver os mulighed for at kontrollere status for teksten i vores HTML-afsnitstag. Derefter skriver vi en funktion, der definerer "ændrings" -funktionen. I funktionsdefinitionen opretter vi et "if" -sæt, hvor vi kontrollerer status ved hjælp af flagvariablen. Vi vil også ændre teksten og ændre flaget. Det er et ret simpelt stykke kode!
var a = 1;funktionsændring ()
hvis (a == 1)
dokument.getElementById ("afsnit").innerHTML = "Linuxhint er fantastisk"
a = 0;
andet
dokument.getElementById ("afsnit").innerHTML = "Linuxhint"
a = 1;
Okay! Efter at have skrevet al denne kode, kører vi koden, flytter til vores browser og klikker på den nyoprettede knap. Efter at have klikket på knappen, skal teksten ændres fra “Linuxhint” til “Linuxhint er fantastisk.”
Vi kan anvende den samme teknik overalt for at ændre indholdet på vores websted i henhold til vores behov. Vi kan bruge det til at ændre et billede eller udføre enhver form for opgave, som vi kan forestille os med dette værktøj.
Konklusion
Denne artikel forklarer, hvordan du bruger onClick-begivenheden. I denne artikel lærte du begrebet onClick-funktionen på en praktisk måde. Brugen af onClick-begivenheden er så enkel, at selv en begynder kan begynde at arbejde med denne funktion. Du kan fortsætte med at lære, arbejde og få mere erfaring i JavaScript på linuxhint.com for at få en bedre forståelse af dette programmeringssprog. Mange tak!