Inicio Apuntes FPApuntes DAWEventos de teclado en JavaScript

Eventos de teclado en JavaScript

Publicado por entreunosyceros
Publicado el: Última actualización:

AVISO: Esta entrada tiene más de dos años desde su publicación. Es posible que el contenido esté desactualizado.

Como he tenido de desarrollar una pequeña aplicación en JavaScript y la verdad es que tenía un poco olvidado esto Javascriptde los eventos de teclado, he tenido que buscarlos por internet. Como siempre para que no se me olvide los pongo aquí para tenerlos más a mano. Es evidente que no son los únicos que se pueden utilizar, pero son los que a mi me han valido para el pequeño proyecto que me traía entre manos.

Eventos de teclado JavaScrip

Diré que los eventos de teclado se activan cuando un usuario interactúa con el teclado del ordenador.

Eventos    Descripción 
input          Se dispara cuando el valor de un <textarea> o <input> cambian.
keydown    Se dispara cuando el usuario presiona cualquier tecla del teclado, si el usuario mantiene la tecla presionada el evento continuará disparándose.
keypress    Se dispara cuando un usuario presiona una tecla y cómo resultado nos mostrará un carácter en pantalla.
keyup         Se dispara cuando el usuario deja (suelta) la tecla del teclado.

Ejemplo de código, el siguiente código nos dirá cual fue la última tecla que presiono el usuario en formato código ASCII con el evento keypress.

var el; // Declaramos la variable

function charCount(e) { // Declaramos la funcion
    var textEntered, charDisplay, counter, lastKey; // Declaramos variables
    textEntered = document.getElementById('message').value; // Texto del usuario
    charDisplay = document.getElementById('charactersLeft'); // Elemento contador
    counter = (180 -(textEntered.length)); // Numero de caracteres izquierdos
    charDisplay.textContent = counter; // Mostrar caracteres

    lastKey = document.getElementById('lastkey'); // Obtener la ultima tecla usada
    lastkey.textContent = 'La ultima tecla en ASCII fue: ' + e.keyCode; // Crear mensaje
}

el = document.getElementById('message'); // Obtener mensaje
el.addEventListener('keypress', charCount, false); // Evento keypress

También te puede interesar ...

Deja un comentario

* Al utilizar este formulario, aceptas que este sitio web almacene y maneje tus datos.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Resumen de privacidad
cookies entreunosyceros

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible.

La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudarnos a comprender qué secciones de la web encuentras más interesantes y útiles.

Nunca almacenamos información personal de ningún tipo.

Tienes toda la información sobre privacidad, derechos legales y cookies en nuestra página sobre la política de privacidad o en la página sobre nuestra política de cookies.

Cookies necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies de terceros

Esta web utiliza las siguientes cookies adicionales:

- Mailchimp: Recordar si ya estás suscrito al boletín de noticias y sino ofrecértelo al salir.

- Accesibilidad: Para saber tus ajustes de accesibilidad en cada visita.

- Comentarios: Saber si has leído y aceptado nuestra política de privacidad a la hora de dejar un comentario en la web.

- Google Analytics: Localización para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

- Goggle Adsense: Anuncios personalizados según tu geolocalización y preferencias.

Dejar estas cookies activadas nos permite mejorar nuestra web.

Adblock Detectado!!

Ayúdanos deshabilitando la extensión AdBlocker de tu navegador para visitar esta web.
Si no sabes hacerlo en Chrome, consulta el siguiente enlace. Si utilizas Firefox, puedes consultar este otro enlace.
Esto mejorará tu experiencia en este sitio web.