Come ottenere il testo di una casella di testo di input durante OnKeyPress

In alcuni scenari, gli sviluppatori devono ottenere il testo dalle caselle di testo mentre premono i tasti. A tale scopo, JavaScript consente eventi per la pressione dei tasti, tra cui Onkeyup, OnkeyDown e OnkeyPress Eventi. Più specificamente, OnkeyPress e OnkeyDown funzionano lo stesso, mentre l'onkeyup è leggermente diverso da questi due.

Questo blog descriverà la procedura per ottenere il testo di una casella di input durante l'OnKeyPress.

Come ottenere il testo di una casella di testo di input durante OnKeyPress?

Quando un utente colpisce la chiave della tastiera, si verifica l'evento OnKeyPress. Quindi, usa il “Onkeypress"Evento per accedere al testo della casella di testo durante OnKeyPress. Di seguito è la sequenza di eventi associati all'evento OnKeyPress:

• onkeydown
• Onkeyup
• Onkeypress

OnKeyDown e OnkeyPress sono gli stessi; Si verificano quando l'utente colpisce un tasto sulla tastiera. Mentre Onkeyup è leggermente diverso da questi due, si verifica quando l'utente rilascia la chiave sulla tastiera.

Sintassi

Segui la sintassi indicata per l'evento OnKeyPress:

OnKeyPress = "functionName ()"

Esempio

Nell'esempio indicato, creeremo prima una casella di input, assegnare un ID "txtbox”E allegare un"Onkeypress"Evento che chiamerà il"getValue ()" metodo:

Creare un

Tag con l'ID "FETCHEDTEXT"Dove apparirà il testo recuperato dalla casella di input:

Nel file o tag JavaScript, definisci una funzione "getValue ()"Ciò attiverà il"Onkeypress"Evento. Ottieni il valore di una casella di testo utilizzando l'ID assegnato con l'aiuto "getElementById ()" metodo. Quindi, visualizza il testo usando "testo interno" proprietà:

funzione getValue ()
var tbValue = documento.getElementById ("txtBox");
var value = tbValue.valore;
documento.getElementById ("FetchedText").InnerText = value;

L'output indica che il testo di una casella di input sta arrivando correttamente sull'evento OnKeyPress:

È inoltre possibile utilizzare l'evento OnKeyup () per ottenere il testo di una casella di testo di input durante OnKeyPress. L'onkeyup si verifica quando l'utente rilascia la chiave sulla tastiera:

Produzione

Si tratta di ottenere il testo di una casella di input durante OnKeyPress.

Conclusione

Per recuperare il testo di una casella di testo di input durante OnKeyPress, utilizzare il “Onkeypress"Evento. Quando un utente colpisce la chiave della tastiera, l'evento OnKeyPress viene attivato. Inoltre, usa il "Onkeyup"Evento per ottenere il testo della casella di testo durante OnKeyPress. OnKeyDown e OnkeyPress sono gli stessi, mentre Onkeyup è leggermente diverso da questi due. Si verifica quando l'utente rilascia la chiave sulla tastiera. Questo blog ha descritto la procedura per ottenere il testo di una casella di input durante l'OnKeyPress.