JavaScript Event Handlers
I JavaScript er en hendelse en handling som oppstår på en webside inne i nettleseren. Denne handlingen kan være å skrive inn et felt, klikke på en knapp eller laste inn en side. Handlingene kan enten initieres av nettleseren eller brukeren; Når noen handlinger oppstår på en webside, varsler nettleseren systemet som en hendelse har skjedd. Utviklere kan da svare på disse hendelsene ved å skrive funksjoner som er kjent som hendelsesbehandlere.Hendelsesbehandlere er funksjoner som lytter etter en bestemt type hendelse, og når den hendelsen skjer, utfører de en kodeblokk.
Hva er hendelseshåndtering
En hendelse utløses når en bruker samhandler med en webside. Denne hendelsen kan være alt fra en bruker som klikker et sted på siden til å laste inn en webside.
Hver gang en hendelse skjer på en webside, varsler nettleseren systemet; Spesifikke hendelsesbehandlerfunksjoner lytter etter sine respektive hendelser, og når disse hendelsene utløses, utfører de kodeblokken skrevet inni dem. Koden skrevet i funksjonen inneholder alle handlingene som må utføres som svar på hendelsen som blir avfyrt.
I dette innlegget vil vi ha en detaljert diskusjon om forskjellige typer hendelser i JavaScript og hvordan du håndterer disse hendelsene.
Merk: Jeg vil bruke konsollen for å demonstrere eksemplene som er til stede i dette innlegget.
Hva er de forskjellige typene hendelser?
Noen av de vanligste hendelsene som oppstår i JavaScript er:
Mushendelser:
- ved trykk
- Mousedown
- Mouseup
- Mousemove
Tastaturhendelser:
- Keydown
- Keyup
Form hendelser:
- Onfokus
- Onblur
Vindushendelser:
- på Last
- Onerror
Listen over alle hendelsene som oppstår i JavaScript er enorm; Vi vil bare diskutere de vanligste og mye brukte hendelsene.
Hvordan bruke klikkhendelse i JavaScript
De ved trykk() Hendelsesbehandler brukes til å lytte til klikkhendelsene på en webside. Hver gang brukeren klikker på et HTML -element på en webside, er det respektive ved trykk() Hendelsesbehandler utløses.
La oss nå se på et eksempel for å ha en klar forståelse av klikkhåndtereren:
Vi har en webside med to knapper i.e. Knapp 1 og knapp 2:
Hvis vi klikker på noen av disse knappene, deres respektive ved trykk() Hendelsesbehandler utløses som skriver ut en melding på konsollen.
Hvordan bruke fokusarrangement i JavaScript
De Onfocus () Arrangementet blir utløst når et element får eller mister fokus:
For eksempel i kodebiten gitt nedenfor, “FocusEvent ()” metoden kalles på Onfocus () hendelse i inngang stikkord:
Html
Skriv inn noe her
JavaScript
FunctionFocUseVent ()dokument.getElementById ("input1").stil.bakgrunn = "grønn";
Hvordan bruke KeyDown -hendelsen i JavaScript
De OnKeyDown () Arrangementet utløses når en nøkkel trykkes av brukeren:
For eksempel i følgende kode, “KeyDownEvent ()” funksjonen blir kalt på “Onkeydown” Hendelse, og varslingsmeldingen vises i funksjonsdefinisjonen:
Html
Skriv inn noe her
JavaScript
funksjon keyDownEvent ()dokument.getElementById ("input1");
Varsel ("trykket på en nøkkel");
Hvordan bruke lasthendelse i JavaScript
De på Last() Arrangementet utløses rett etter at websiden er blitt lastet inn.
For eksempel, i kodebiten gitt nedenfor, vises en enkel varslingsmelding på på Last() hendelse i kropp stikkord:
JavaScript -hendelser
Konklusjon
Hendelser er veldig viktige for å gjøre enhver webside interaktive og responsive. En hendelse kan initieres av nettleseren eller brukeren. Når en bruker samhandler med HTML -elementene på en webside, utløses en hendelse. JavaScript gir oss et alternativ til å svare på disse triggerne ved å bruke hendelsesbehandlere. I denne veiledningen lærte vi hvordan vi bruker hendelsesbehandlere for å svare på hendelser og gjøre websider mer responsive.