0

Estoy tratando de que cuando se pulsen 2 teclas simultáneamente salga el mensaje de hola, si presiona una tecla si funciona, pero con 2 no, éste es mi código:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Saludo</title>
</head>
<body>
  <script>
    document.addEventListener("keydown", event => {
      if (event.keyCode === 65 && event.keyCode === 66) {
        return console.log("hola");
      }
    })
  </script>
</body>
</html>

5
  • KeyCode está deprecado, más información aquí. En su lugar, puedes usar key y especificar la letra de la tecla en vez de los números -> event.key === "a" && event.key === "b". Commented el 18 ene. 2023 a las 0:10
  • Puedes encontrar la solución aquí: es.stackoverflow.com/questions/540955/… Commented el 18 ene. 2023 a las 0:10
  • @Cris223511.dev hice lo que dijiste pero no me funciona
    – UnHUmano
    Commented el 18 ene. 2023 a las 0:29
  • @Mateo un poquito, no entiendo la explicación
    – UnHUmano
    Commented el 18 ene. 2023 a las 0:29
  • No, no te va a funcionar, solo te comento que utilices el método de esa forma, ya que el keyCode está deprecado actualmente. Las soluciones lo encontrarás en los enlaces que te comentaban arriba, saludos. Commented el 18 ene. 2023 a las 0:31

1 respuesta 1

1

Podemos crear una especie de buffer usando un Map, y nos valemos de 3 eventos:

  • keydown : Guardamos la tecla presionada
  • keyup: Sacamos la tecla presionada del buffer
  • keypress: Evaluamos la combinación de teclas

const bufferKeys=new Map();
document.addEventListener("keydown", event => bufferKeys.set(event.code));
document.addEventListener("keyup", event => bufferKeys.delete(event.code));

document.addEventListener("keypress", event => {
 if(bufferKeys.has("KeyA") && bufferKeys.has("KeyB") ){
   console.log("HOLA");
 }
});

Actualización.

keypress está marcado como obsoleto

Basta con ocupar keydown en su lugar

const bufferKeys=new Map();
document.addEventListener("keyup", event => bufferKeys.delete(event.code));
document.addEventListener("keydown", event => {
  bufferKeys.set(event.code);
   if(bufferKeys.has("KeyA") && bufferKeys.has("KeyB") ){
   console.log("HOLA");
 }
});

2
  • Yussef, la pregunta es duplicada... Commented el 18 ene. 2023 a las 0:37
  • 2
    @Cris ya lo sabe. Pero su naturaleza es ayudar aunque las circunstancias no sean las más adecuadas.
    – Mateo
    Commented el 18 ene. 2023 a las 0:54

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.