0



Estoy intentando detectar el carácter de borrar para saber cuando un usuario pulsa en la tecla borrar.
Para detectar todas las demás teclas lo hago de la siguiente manera:

<script>
function newLine(e){
 if(e.code == "Space"){
      console.log("Has pulsado la barra espaciadora");
   }else if(e.code == "Enter"){
      console.log("Has pulsado Enter");
   }
}
</script>

Consigo detectar todas las teclas como Space o Enter con e.code pero por lo visto con la tecla borrar no funciona.
Pone en la documentación la plabra Delete pero lo he probado y no funciona, no sé que puede pasar.

A ver si alguien me puede echar una mano.

Gracias de ante mano !! Saludos !!!

1
  • ¿Borrar o retroceso? La tecla Borrar es Supr, y la tecla retroceso es <- (solo por si acaso)
    – masterguru
    el 4 sep. 2022 a las 20:55

2 respuestas 2

2

En principio podrías detectarla sin inconvenientes utilizando el key o el code por ejemplo del evento.

En el siguiente ejemplo con la tecla suprimir o delete (que se detecta como Delete) se remueve la primer letra del string, con Backspace se elimina el último caracter del string.

const text = document.querySelector("h1");
document.addEventListener("keydown", (e) => {
  const currentValue = text.textContent;
  switch (e.key) {
    case "Backspace":
      text.textContent = currentValue.slice(0, -1);
      break;
    case "Delete":
      text.textContent = currentValue.substring(1);
      break;
    default:
      break;
  }
});
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Texto de prueba</h1>
    <script src="app.js"></script>
</body>
</html>

En cuanto a los eventos podrías utilizar tanto keypress como keydown, esto varía en función de las necesidades, el evento keydown se ejecuta siempre que se presiona una tecla y antes de que el navegador procese el caracter, el keypress se ejecuta después del keydown cuando se presiona una tecla que produce un valor y también antes de que el navegador procese el caracter.

2
  • Buenas ! Tienes razón puedo capturar la tecla con Backspace pero no me funcionaba porque estaba utlizando "keypress" en vez de "keydown", con "keypress" por lo visto no funciona. Muchas gracias por tu ayuda !!
    – ArtCodex64
    el 5 sep. 2022 a las 16:27
  • Me alegra que te funcione, quedo a las órdenes! el 5 sep. 2022 a las 17:38
1

No sé exactamente qué quieres hacer, pero en chrome esto funciona perfectamente para detectar todas las teclas:

function checkPressedKey(event) {
  // Imprimimos la tecla que se ha pulsado. Funciona con cualquier tecla, incluyendo Control, Shift...
  // Incluso funciona con la tecla de windows :)
  console.log(event.key);
  // Si es el retroceso, mostrar alerta
  if(event.key === "Backspace") 
    alert("estás borrando!");
}
<input onkeydown="checkPressedKey(event)"></input>

Lo más recomendado es usar el atributo key del evento keypress, como ves hace que sea muy sencillo.

1
  • Buenas ! Si, utilizando "Backspace" se puede capturar la tecla de borrar pero la cosa era que estaba utilizando "keypress" en vez de "keydown", por lo visto con "keypress" no la captura. Muchas gracias por tu ayuda !!
    – ArtCodex64
    el 5 sep. 2022 a las 16:29

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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