Hvordan få tekst på en inngangsboks under OnKeyPress

I noen scenarier trenger utviklere å hente teksten fra tekstboksene mens de trykker på nøklene. For dette formålet tillater JavaScript hendelser for nøkkelpressing, inkludert OnKeyup, Onkeydown og Onkeypress -arrangementer. Mer spesifikt utfører Onkeypress og Onkeydown det samme, mens OnKeyup er litt annerledes enn disse to.

Denne bloggen vil beskrive prosedyren for å få teksten til en inngangsboks under Onkeypress.

Hvordan få tekst på en inngangsboks under OnKeyPress?

Når en bruker treffer på tastaturets tast, oppstår OnkeyPress -hendelsen. Så bruk "Onkeypress”Arrangement for å få tilgang til tekstboksen under Onkeypress. Følgende er hendelsesforløpet tilknyttet Onkeypress -hendelsen:

• OnKeydown
• OnKeyup
• Onkeypress

OnKeydown og Onkeypress er de samme; De oppstår når brukeren treffer en tast på tastaturet. Mens OnKeyup er litt forskjellig fra disse to, oppstår det når brukeren slipper nøkkelen på tastaturet.

Syntaks

Følg den gitte syntaks for OnkeyPress -arrangementet:

OnKeyPress = "FunctionName ()"

Eksempel

I det gitte eksemplet vil vi først opprette en inngangsboks, tilordne en ID “txtbox”Og vedlegg en“Onkeypress”Arrangement som vil kalle“getValue ()”Metode:

Lage en

tagg med ID “hentedText”Hvor den hentede teksten fra inngangsboksen vises:

I JavaScript -filen eller taggen, definer en funksjon “getValue ()”Det vil utløse“Onkeypress" begivenhet. Få verdien av en tekstboks ved å bruke den tildelte ID -en med hjelpen “getElementById ()”Metode. Vis deretter teksten ved å bruke "Innertekst”Eiendom:

funksjon getValue ()
var tbvalue = dokument.getElementById ("txtbox");
var verdi = tbvalue.verdi;
dokument.GetElementById ("HentedText").innertekst = verdi;

Utgangen indikerer at teksten til en inngangsboks lykkes med å komme på OnKeyPress -hendelsen:

Du kan også bruke OnKeyup () -hendelsen for å få teksten til en inngangsboks under OnKeyPress. OnKeyup oppstår når brukeren slipper nøkkelen på tastaturet:

Produksjon

Det handler om å få teksten til en inngangsboks under Onkeypress.

Konklusjon

For å hente teksten til en inngangsboks under OnKeyPress, bruk "Onkeypress" begivenhet. Når en bruker treffer på tastaturets tast, utløses OnkeyPress -hendelsen. Bruk også “OnKeyup”Arrangement for å få tekstboksens tekst under OnKeyPress. Onkeydown og Onkeypress er de samme, mens OnKeyup er litt forskjellig fra disse to. Det oppstår når brukeren slipper nøkkelen på tastaturet. Denne bloggen beskrev prosedyren for å få teksten til en inngangsboks under Onkeypress.