Como obter o texto de uma caixa de texto de entrada durante o OnkeyPress

Em alguns cenários, os desenvolvedores precisam obter o texto das caixas de texto enquanto pressiona as chaves. Para esse fim, o JavaScript permite eventos para a prensagem de chaves, incluindo eventos OnKeyUp, OnKeydown e Onkeypress. Mais especificamente, o OnKeyPress e OnKeydown executam o mesmo, enquanto o onkeyup é um pouco diferente desses dois.

Este blog descreverá o procedimento para obter o texto de uma caixa de entrada durante o OnkeyPress.

Como obter o texto de uma caixa de texto de entrada durante o OnkeyPress?

Quando um usuário atinge a chave do teclado, o evento OnkeyPress ocorre. Então, use o “OnKeyPressEvento para acessar o texto da caixa de texto durante o OnkeyPress. A seguir, a sequência de eventos associados ao evento OnkeyPress:

• onkeydown
• onkeyup
• OnKeyPress

OnKeydown e OnKeyPress são os mesmos; Eles ocorrem quando o usuário atinge uma chave no teclado. Enquanto o onkeyup é um pouco diferente desses dois, ocorre quando o usuário libera a chave no teclado.

Sintaxe

Siga a sintaxe dada para o evento OnkeyPress:

onkeypress = "functionName ()"

Exemplo

No exemplo dado, primeiro criaremos uma caixa de entrada, atribuir um ID “txtbox”E anexe um“OnKeyPress”Evento que chamará o“Obter valor()”Método:

Criar uma

tag com o id “FetchedText”Onde o texto buscado na caixa de entrada aparecerá:

No arquivo ou tag javascript, defina uma função “Obter valor()"Que vai acionar o"OnKeyPressEvento. Obtenha o valor de uma caixa de texto usando seu ID atribuído com a ajuda “getElementById ()”Método. Em seguida, exiba o texto usando o “InnerText" propriedade:

function getValue ()
var tbValue = documento.getElementById ("txtbox");
var valor = tbValue.valor;
documento.getElementById ("FetchedText").inerText = value;

A saída indica que o texto de uma caixa de entrada está entrando com sucesso no evento OnkeyPress:

Você também pode usar o evento onkeyup () para obter o texto de uma caixa de texto de entrada durante o OnkeyPress. O onkeyup ocorre quando o usuário libera a chave no teclado:

Saída

Isso se trata de obter o texto de uma caixa de entrada durante o OnkeyPress.

Conclusão

Para recuperar o texto de uma caixa de texto de entrada durante o OnkeyPress, use o “OnKeyPressEvento. Quando um usuário atinge a chave do teclado, o evento OnkeyPress é acionado. Além disso, use o “onkeyup”Evento para obter o texto da caixa de texto durante o OnkeyPress. OnKeydown e OnKeyPress são os mesmos, enquanto o onkeyup é um pouco diferente desses dois. Ocorre quando o usuário libera a chave no teclado. Este blog descreveu o procedimento para obter o texto de uma caixa de entrada durante o OnkeyPress.