Hvordan er JavaScript på metoden definert?

“på()”Metode er ikke en forhåndsdefinert JavaScript -metode, selv om den er mye brukt i JavaScript -biblioteker, for eksempel“jQuery”Og“Node.JS”. Den brukes til å knytte en hendelsesbehandler til et element på en webside. Det tillater utviklere å legge til funksjonalitet til websider, for eksempel å svare på brukerinnganger inkludert museklikk, mushover, tastaturhendelser og så videre.

Dette innlegget vil diskutere JavaScript on () -metoden.

Hvordan er JavaScript på () metode definert?

“på()”Metode brukes ofte for å knytte hendelsesbehandlere til elementer, som lar utviklere skrive funksjoner som vil bli kalt når en hendelse inntreffer, for eksempel en"Klikk" begivenhet, "Keydown”Arrangement, en“mus over", og så videre.

Syntaks
Følgende syntaks vil bli brukt for ON () -metoden:

$ (velger).på (hendelse, funksjon)

Her, i syntaks ovenfor:

• begivenhet: Det definerer hendelsene knyttet til det valgte elementet.
• funksjon: Når hendelsen skjer, kalles denne funksjonen.

Eksempel 1
Først må du legge til jQuery -biblioteket i taggen, fordi "ON ()" -metoden ikke er tilgjengelig uten jQuery:

I HTML -dokument, lag en

Tag og en knapp med ID “btn”Som brukes til tilgang til det:

Klikk her!

I taggen, ring først den klare funksjonen, og får deretter tilgang til knappen ved å bruke den tildelte ID -en og påkalle "på()”Metode. Pass hendelsesparameteren “Klikk”Og en funksjon som vil bli kalt når hendelsen oppstår:

$ (dokument).klar (funksjon ()
$ ("#btn").på ("klikk", funksjon ()
dokument.getElementById ("MSG").INNERHTML = "Velkommen til JavaScript -opplæringen på Linuxhint";
);
);

Utgangen viser at teksten er vist på knappens klikk:

Eksempel 2
Du kan også bare ringe den allerede definerte funksjonen i "ON ()" -metoden. Her, i det gitte eksemplet, når musen er klikket på teksten, vil teksten bli endret. Først vil vi lage en

Tag for å legge til en tekst:

Velkommen til Linuxhint

Definere en funksjon som heter “ChangeText ()”Det vil bli kalt på klikkhendelsen og endre teksten:

funksjon ChangeText ()
dokument.getElementById ("MSG").INNERHTML = "Her kan du lære JavaScript fra bunnen av";

I den klare funksjonen, påkalle ON () -metoden på “

”Tag og pass arrangementet”Klikk”Og de definerte“ChangeText ()”Funksjon:

$ (dokument).klar (funksjon ()
$ ("P").på ("Klikk", ChangText);
);

Produksjon

Vi har samlet alle nødvendige instruksjoner som er relevante for ON () -metoden i JavaScript.

Konklusjon

“på()”Metode brukes ofte for å knytte en hendelsesbehandler til elementer for å legge til funksjonalitet til en webside når en hendelse inntreffer, for eksempel en"Klikk”,“Keydown”,“mus over", og så videre. Dette innlegget definerte JavaScript on () -metoden med riktige eksempler.