Cómo obtener el texto de un cuadro de texto de entrada durante OnKeyPress

En algunos escenarios, los desarrolladores deben obtener el texto de los cuadros de texto mientras presionan las teclas. Para este propósito, JavaScript permite eventos eventos de presionar clave, incluidos los eventos OnKeyup, OnKeydown y OnKeyPress. Más específicamente, OnKeyPress y OnKeydown realizan lo mismo, mientras que el OnKeyUp es ligeramente diferente de estos dos.

Este blog describirá el procedimiento para obtener el texto de un cuadro de entrada durante el OnKeyPress.

Cómo obtener el texto de un cuadro de texto de entrada durante OnKeyPress?

Cuando un usuario golpea en la tecla del teclado, se produce el evento OnKeyPress. Entonces, usa el "OnKeyPress"Evento para acceder al texto del cuadro de texto durante OnKeyPress. La siguiente es la secuencia de eventos asociados con el evento OnKeyPress:

• oneydown
• OnKeyUp
• OnKeyPress

OnKeydown y OnKeyPress son los mismos; ocurren cuando el usuario golpea una tecla en el teclado. Si bien OnKeyUp es ligeramente diferente de estos dos, ocurre cuando el usuario libera la tecla en el teclado.

Sintaxis

Siga la sintaxis dada para el evento OnKeyPress:

onKeyPress = "functionName ()"

Ejemplo

En el ejemplo dado, primero crearemos un cuadro de entrada, asignaremos una ID "txtbox"Y adjuntar un"OnKeyPress"Evento que llamará al"GetValue ()" método:

Crear un

etiqueta con la identificación "FetchedText"Donde aparecerá el texto recuperado del cuadro de entrada:

En el archivo o etiqueta de JavaScript, defina una función "GetValue ()"Que activará el"OnKeyPress" evento. Obtenga el valor de un cuadro de texto utilizando su identificación asignada con la ayuda "getElementById ()" método. Luego, muestre el texto usando el "intexto" propiedad:

función getValue ()
var tbValue = documento.getElementById ("txtbox");
valor var = tbValue.valor;
documento.getElementById ("FetchedText").inntext = valor;

La salida indica que el texto de un cuadro de entrada está obteniendo correctamente en el evento OnKeyPress:

También puede usar el evento OnKeyUp () para obtener el texto de un cuadro de texto de entrada durante OnKeyPress. El OnKeyUp ocurre cuando el usuario libera la tecla en el teclado:

Producción

Se trata de obtener el texto de un cuadro de entrada durante la OnKeyPress.

Conclusión

Para recuperar el texto de un cuadro de texto de entrada durante OnKeyPress, use el "OnKeyPress" evento. Cuando un usuario golpea en la tecla del teclado, se activa el evento OnKeyPress. Además, usa el "OnKeyUp"Evento para obtener el texto del cuadro de texto durante OnKeyPress. OnKeydown y OnKeyPress son los mismos, mientras que OnKeyUp es ligeramente diferente de estos dos. Ocurre cuando el usuario libera la tecla en el teclado. Este blog describió el procedimiento para obtener el texto de un cuadro de entrada durante el OnKeyPress.