> Faqs > Cómo detectar pulsación de las teclas de los cursores, con Javascript

Cómo detectar pulsación de las teclas de los cursores, con Javascript

Hola. Quería ver si me ayudáis con esto: ¿Cómo detectar con javascript que se han pulsado las teclas de los cursores?

Necesito hacer cosas cuando se pulse la flecha de la izquierda y derecha del cursor del teclado.

Respuestas

Tienes que gestionarlo mediante manejadores de evento. Puedes usar eventos de teclado diversos, pero lo más normal para detectar las pulsaciones de las teclas de los cursores izquierda y derecha sería escuchar los eventos keydown.

En JavaScript lo más típico sería asociar los manejadores de evento al objeto document. keydown Este evento se dispara cada vez que una tecla es presionada. Dentro del manejador del evento, puedes verificar el código de la tecla presionada para determinar si se trata de la tecla izquierda o derecha.

Las teclas del cursor tienen los siguientes códigos de tecla:

  • Izquierda: 37
  • Derecha: 39
document.addEventListener('keydown', function(event) {
    if (event.keyCode === 37) {
        console.log('Tecla izquierda presionada');
        // ...
    } else if (event.keyCode === 39) {
        console.log('Tecla derecha presionada');
        // ...
    }
});
// Cuando presionas la tecla izquierda o derecha, se mostrará un mensaje en la consola del navegador. 

Ese código lo puedes poner donde necesites, como el objeto document está siempre presente podrías ponerlo tal cual se renderiza la página. Me refiero a que no necesitas escuchar el evento DOMContentLoaded ni nada de eso.

Camila
615 25 41 6