Códigos de teclas JavaScript

El unicode de todas las teclas del teclado, incluidos numéricos, alfabetos, caracteres especiales, etc., llamado "Códigos de llaves". Como sabemos, JavaScript es un lenguaje de secuencias de comandos del lado del cliente, con frecuencia se requiere conocer el código clave asociado con un carácter mientras procesa texto o caracteres ingresados ​​en un elemento de formulario en una página web.

Este tutorial ilustrará el uso de códigos clave en JavaScript con ejemplos detallados. Entonces, comencemos!

Cómo usar los códigos de teclas JavaScript?

Cuando se presiona o libera una tecla de teclado, se pueden tener lugar tres eventos diferentes del lado del cliente, Keydown, KeyPress, KeyUp en cada navegador. Cuando se presiona una tecla de teclado, se activa el evento de teclado, e inmediatamente después de eso, se ejecuta el evento KeyPress. Cuando se lanza la tecla, se activa el evento clave.

Estos eventos se pueden utilizar para obtener el código clave de una clave dependiendo de los requisitos. Consulte los ejemplos proporcionados para borrar su concepto.

Ejemplo 1: verifique cuándo se presiona o presiona una tecla hacia arriba

En este ejemplo, se mostrará un mensaje en la consola cuando se presione la tecla hacia abajo y luego se presione presionando y liberando la tecla en su teclado. Para hacerlo, primero, crearemos un encabezado y dos campos de entrada con las ID ",txt1" y "txt2":

Códigos de teclas JavaScript

En el archivo JavaScript, obtendremos el primer campo de entrada utilizando el "getElementById ()"Método aprobando ID"txt1"Como argumento y luego llame al"addEventListener ()"Método donde el"evento.PreventDefault ()Se llamará al método que verificará qué tipo de evento se activa:

documento.getElementById ("txt1").addEventListener ("keydown", function (evento)
evento.prevenDefault ();
consola.log ('$ evento.tipo');
);

Del mismo modo, haremos lo mismo para el segundo campo de entrada con ID "txt2":

documento.getElementById ("txt2").addEventListener ("KeyUp", function (Event)
evento.prevenDefault ();
consola.log ('$ evento.tipo');
);

Como resultado, la salida mostrará "llave"Mensaje en la consola Cuando se presiona la tecla hacia abajo, mientras que el control del cursor está en el primer campo de entrada, y cuando se presionará una tecla en el segundo campo de entrada, no aparece ningún mensaje nuevo en la consola hasta que se libera la tecla y la llave y la "tecla ArribaSe activa el evento:

Desea obtener el código de teclas cuando se presiona una tecla? Mira el siguiente ejemplo!

Ejemplo 2: Obtenga el Unicode en KeyPress usando "Evento.que "atributo

En este ejemplo, intentaremos obtener el unicode de las teclas presionándolas al azar. Para hacerlo, crearemos dos etiquetas, una es para imprimir declaraciones, y la otra imprimirá los unicodios en un KeyPress:

Códigos de teclas JavaScript

Presione cualquier tecla para obtener el código de esa tecla:

En el archivo JavaScript, acceda a "oneydown"Propiedad del"documento"Objeto que invoca la función"checkcodeOfPissedKey"Mientras presiona la tecla hacia abajo. Llamaremos al "evento.cual"Atributo utilizado para la entrada de teclado de teclado, ya que normaliza el"evento.clave" y "evento.encerrar" valores. La función devolverá el código de la tecla que se presionará:

documento.onKeydown = checkCodeOfPressedKey;
functionCheckCodeOfPressedKey (e)
Código de teclas var;
if (ventana.evento)
keycode = ventana.evento.clave;

elseif (e)
KeyCode = E.cual;

documento.getElementById ("unicode").innerhtml = keycode;

Producción

Hemos cubierto toda la información esencial relacionada con los códigos clave en JavaScript.

Conclusión

El unicode de todas las teclas del teclado, incluidos los caracteres numéricos, alfabetos y especiales, se llama "Códigos de llaves". JavaScript se requiere con frecuencia para conocer el código clave asociado con un carácter mientras procesa texto o caracteres ingresados ​​en un elemento de formulario en una página web. En este tutorial, ilustramos el uso de códigos clave en JavaScript con ejemplos detallados.