JavaScript Keycodes

O unicode de todas as teclas do teclado, incluindo numérico, alfabetos, caracteres especiais e assim por diante chamado “Keycodes”. Como sabemos, o JavaScript é uma linguagem de script do lado do cliente, é frequentemente necessário saber o código de chave associado a um personagem enquanto processava texto ou caracteres inseridos em um elemento de formulário em uma página da web.

Este tutorial ilustrará o uso de códigos -chave em JavaScript com exemplos detalhados. Então vamos começar!

Como usar JavaScript Keycodes?

Quando uma tecla de teclado é pressionada ou liberada, três eventos diferentes do cliente, keydown, keypress, keyup podem ocorrer em todos os navegadores. Quando uma tecla de teclado é pressionada, o evento KeyDown é acionado e imediatamente depois disso, o evento KeyPress é executado. Quando a chave é lançada, o evento KeyUp é acionado.

Esses eventos podem ser utilizados para obter o código de chave de uma chave, dependendo dos requisitos. Confira os exemplos fornecidos para limpar seu conceito.

Exemplo 1: Verifique quando uma tecla é pressionada ou pressionada

Neste exemplo, uma mensagem será exibida no console quando a tecla for pressionada e depois pressionada pressionando e liberando a tecla no seu teclado. Para fazer isso, primeiro, criaremos um título e dois campos de entrada com os IDs, “txt1" e "txt2”:

JavaScript Keycodes

No arquivo JavaScript, buscaremos o primeiro campo de entrada usando o “getElementById ()”Método passando ID“txt1”Como argumento e depois chama o“addEventListener ()”Método em que o“evento.PreventDefault ()”Será chamado o método que verificará qual tipo de evento é acionado:

documento.getElementById ("txt1").addEventListener ("keydown", function (event)
evento.prevenvDefault ();
console.log ('$ evento.tipo');
);

Da mesma forma, faremos o mesmo para o segundo campo de entrada com ID “txt2”:

documento.getElementById ("txt2").addEventListener ("keyup", function (event)
evento.prevenvDefault ();
console.log ('$ evento.tipo');
);

Como resultado, a saída mostrará “keydown”Mensagem no console quando a tecla é pressionada, enquanto o controle do cursor está no primeiro campo de entrada e quando uma tecla será pressionada no segundo campo de entrada, nenhuma nova mensagem aparece no console até que a tecla seja liberada e o ““keyUp”O evento é acionado:

Deseja buscar o código de chave quando uma tecla é pressionada? Veja o exemplo a seguir!

Exemplo 2: Obtenha o Unicode no Keypress usando “Evento.qual ”atributo

Neste exemplo, tentaremos obter o unicode das chaves pressionando -as aleatoriamente. Para fazer isso, criaremos dois rótulos, um é para imprimir declarações, e a outra imprimirá os Unicodes em um KeyPress:

JavaScript Keycodes

Pressione qualquer tecla para obter o código dessa tecla:

No arquivo JavaScript, acesse o “onkeydown"Propriedade do"documento“Objeto que chama a função“CheckCodeOfpressedKey”Ao pressionar a tecla para baixo. Vamos chamar de "evento.qual”Atributo usado para a entrada do teclado, pois normaliza o“evento.Código chave" e "evento.Charcode”Valores. A função retornará o código da chave que será pressionada:

documento.OnKeyDown = CheckCodeofpressedKey;
FunctionCheckCodeofpressedKey (e)
var keycode;
if (janela.evento)
keycode = janela.evento.Código chave;

elseif (e)
keycode = e.qual;

documento.getElementById ("Unicode").inerhtml = keycode;

Saída

Cobrimos todas as informações essenciais relacionadas aos códigos de chave em JavaScript.

Conclusão

O unicode de todas as teclas do teclado, incluindo numérico, alfabetos e caracteres especiais, é chamado de “Keycodes”. JavaScript é frequentemente necessário para conhecer o código -chave associado a um caractere enquanto processava texto ou caracteres inseridos em um elemento de formulário em uma página da web. Neste tutorial, ilustramos o uso de códigos -chave em JavaScript com exemplos detalhados.