Eventos del teclado

Descubra los conceptos básicos para trabajar con eventos de teclado en JavaScript

Hay 3 tipos de eventos al interactuar con eventos del teclado:

• keydownSe ha presionado la tecla del teclado
• keyupLa tecla del teclado ha sido liberada

keydownTambién se dispara cuando la tecla se repite mientras el botón permanece presionado.

Si bien los eventos del mouse y del tacto generalmente se escuchan en un elemento específico, es común escuchar eventos del teclado en el documento :

document.addEventListener('keydown', (event) = { // key pressed})

El parámetro que se pasa al detector de eventos es un KeyboardEvent .

Este objeto de evento, además de las propiedades del objeto Evento, nos ofrece (entre otras) estas propiedades únicas:

• altKeyverdadero si se presionó la tecla Alt cuando se disparó el evento
• codeel código de la tecla presionada, devuelto como una cadena
• ctrlKeyverdadero si se presionó la tecla Ctrl cuando se disparó el evento
• keyEl valor de la tecla presionada, devuelto como una cadena
• localeel valor de la configuración regional del teclado
• locationla ubicación de la tecla en el teclado
• metaKeyverdadero si se presionó la tecla meta cuando se disparó el evento
• repeatverdadero si se ha repetido la tecla (por ejemplo, no se ha soltado la tecla)
• shiftKeyverdadero si se presionó la tecla shift cuando se disparó el evento

Esta demostración es un keylogger que le mostrará los valores de algunas de las propiedades que enumeré anteriormente: https://codepen.io/flaviocopes/pen/LopWmq/Te recomendamos Significado de emojis

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Eventos del teclado

Hay 3 tipos de eventos al interactuar con eventos del teclado: Descubra los conceptos básicos para trabajar con eventos de teclado en JavaScript Descubra los

programar

es

2025-01-21

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente