JavaScript -nøkkelkoder

Unicode for alle tastene på tastaturet, inkludert numerisk, alfabet, spesialtegn og så videre kalt “Keycoder”. Som vi vet, er JavaScript et skriptspråk på klientsiden, det kreves ofte å kjenne nøkkelkoden tilknyttet et tegn mens du behandler tekst eller tegn som er lagt inn i et skjemaelement på en webside.

Denne opplæringen vil illustrere bruken av nøkkelkoder i JavaScript med detaljerte eksempler. Så la oss starte!

Hvordan bruke JavaScript -nøkkelkoder?

Når en tastaturnøkkel trykkes eller frigjøres, kan tre forskjellige hendelser på klientsiden, KeyDown, KeyPress, Keyup finne sted i hver nettleser. Når en tastaturtast blir trykket, utløses KeyDown -hendelsen, og umiddelbart etter det utføres KeyPress -hendelsen. Når nøkkelen slippes, utløses nøkkelhendelsen.

Disse hendelsene kan brukes til å få nøkkel til en nøkkel avhengig av kravene. Sjekk ut de medfølgende eksemplene for å fjerne konseptet ditt.

Eksempel 1: Kontroller når en tast trykkes opp eller trykket ned

I dette eksemplet vises en melding på konsollen når nøkkelen blir trykket ned og deretter trykket opp ved å trykke og slippe tasten på tastaturet. For å gjøre det, først vil vi lage en overskrift og to inngangsfelt med ID -ene, "txt1”Og“txt2”:

JavaScript -nøkkelkoder

I JavaScript -fil vil vi hente det første inngangsfeltet ved å bruke "getElementById ()”Metode ved å passere ID”txt1”Som et argument og kaller deretter“AddEventListener ()”Metode der“begivenhet.PreventDefault ()”Metoden vil bli kalt som vil sjekke hvilken type hendelse som utløses:

dokument.getElementById ("TXT1").AddEventListener ("KeyDown", funksjon (hendelse)
begivenhet.PreventDefault ();
konsoll.Logg ('$ hendelse.type');
);

Tilsvarende vil vi gjøre det samme for det andre inngangsfeltet med ID “txt2”:

dokument.getElementById ("TXT2").AddEventListener ("Keyup", funksjon (hendelse)
begivenhet.PreventDefault ();
konsoll.Logg ('$ hendelse.type');
);

Som et resultat vil utdataene vise “Keydown”Melding på konsollen når nøkkelen blir trykket ned, mens markørkontrollen er i det første inngangsfeltet, og når en nøkkel blir trykket i det andre inngangsfeltet, vises ingen ny melding på konsollen før nøkkelen er utgitt og den “Keyup”Arrangementet utløses:

Ønsker å hente nøkkelkoden når en tast trykkes? Se på følgende eksempel!

Eksempel 2: Få Unicode på KeyPress ved å bruke “Event.som ”attributt

I dette eksemplet vil vi prøve å få unicode av nøkler ved å trykke dem tilfeldig. For å gjøre det, vil vi lage to etiketter som er for utskrift av uttalelser, og den andre vil skrive ut unicodes på en tastetrykk:

JavaScript -nøkkelkoder

Trykk på hvilken som helst tast for å få koden til den tasten:

I JavaScript -filen får du tilgang til “OnKeydown”Eiendom til“dokument”Objekt som påkaller funksjonen”CheckCodeOFpressedKey”Mens du trykker på nøkkelen ned. Vi vil kalle “begivenhet.hvilken”Attributt brukt for tastaturnøkkelinngangen da den normaliserer“begivenhet.nøkkelkode”Og“begivenhet.Charcode”Verdier. Funksjonen vil returnere koden til nøkkelen som blir trykket på:

dokument.OnKeyDown = CheckCodeOfPrictEkey;
funksjonCHECKCODEFPRESSEDEKEY (e)
var keycode;
hvis (vindu.begivenhet)
KeyCode = vindu.begivenhet.nøkkelkode;

elseif (e)
Keycode = e.hvilken;

dokument.getElementById ("Unicode").InnerHTML = Keycode;

Produksjon

Vi har dekket all essensiell informasjon relatert til nøkkelkoder i JavaScript.

Konklusjon

Unicode for alle tastene på tastaturet, inkludert numerisk, alfabeter og spesialtegn, kalles "Keycoder”. JavaScript er ofte pålagt å kjenne nøkkelkoden tilknyttet et tegn mens du behandler tekst eller tegn som er lagt inn i et skjemaelement på en webside. I denne opplæringen illustrerte vi bruken av nøkkelkoder i JavaScript med detaljerte eksempler.