Element: evento keyup

Sintaxis

Utilice el nombre del evento en métodos como addEventListener(), o establezca una propiedad de manejador de eventos.

addEventListener("keyup", (event) => {});

onkeyup = (event) => {};

Tipo de evento

KeyboardEvent. Hereda de Event.

Propiedades del evento

Esta interfaz también hereda propiedades de sus padres, UIEvent y Event.

KeyboardEvent.altKey Read only

Devuelve un valor booleano que es true si la tecla Alt (Option o ⌥ en macOS) estaba activa cuando se generó el evento.

KeyboardEvent.code Read only

Devuelve una cadena con el valor del código de la clave física representada por el evento.

Advertencia: Esto ignora el diseño del teclado del usuario, de modo que si el usuario presiona la tecla en la posición "Y" en un diseño de teclado QWERTY (cerca del medio de la fila sobre la fila de inicio), esto siempre devolverá "KeyY", incluso si el el usuario tiene un teclado QWERTZ (lo que significaría que el usuario espera una "Z" y todas las demás propiedades indicarían una "Z") o un diseño de teclado Dvorak (donde el usuario esperaría una "F"). Si desea mostrar las pulsaciones de teclas correctas al usuario, puede usar Keyboard.getLayoutMap().

KeyboardEvent.ctrlKey Read only

Devuelve un valor booleano que es true si la tecla Ctrl estaba activa cuando se generó el evento.

KeyboardEvent.isComposing Read only

Devuelve un valor booleano que es true si el evento se activa después de compositionstart y antes de compositionend.

KeyboardEvent.key Read only

Devuelve una cadena que representa el valor clave de la tecla representada por el evento.

KeyboardEvent.locale Read only

Devuelve una cadena que representa una cadena de configuración regional que indica la configuración regional para la que está configurado el teclado. Esta puede ser la cadena vacía si el navegador o el dispositivo no conocen la configuración regional del teclado.

Nota: Esto no describe la configuración regional de los datos que se ingresan. Un usuario puede estar usando un diseño de teclado mientras escribe texto en un idioma diferente.

KeyboardEvent.location Read only

Devuelve un número que representa la ubicación de la tecla en el teclado u otro dispositivo de entrada. Una lista de las constantes que identifican las ubicaciones se muestra en Ubicaciones del teclado.

KeyboardEvent.metaKey Read only

Devuelve un valor booleano que es true si la tecla Meta (en teclados Mac, la tecla ⌘ Command; en teclados Windows, la tecla Windows (⊞)) estaba activo cuando se generó el evento.

KeyboardEvent.repeat Read only

Devuelve un valor booleano que es true si la tecla se mantiene presionada de manera que se repite automáticamente.

KeyboardEvent.shiftKey Read only

Devuelve un valor booleano que es true si la tecla Shift estaba activa cuando se generó el evento.

Ejemplos

Ejemplo de keyup con addEventListener

Este ejemplo registra el valor KeyboardEvent.code cada vez que suelta una tecla dentro del elemento <input>.

<input
  placeholder="Haga clic aquí, luego presione y suelte una tecla."
  size="40" />
<p id="log"></p>

const input = document.querySelector("input");
const log = document.getElementById("log");

input.addEventListener("keyup", logKey);

function logKey(e) {
  log.textContent += ` ${e.code}`;
}

Equivalente onkeyup

input.onkeyup = logKey;

Especificaciones

Compatibilidad con navegadores

Véase también

• input
• keydown
• keypress