1

estoy con un inconveniente que no encuentro la manera de hacerlo; estoy necesitando detectar la pulsación del botón "enter" del teclado una vez que el usuario haya terminado de ingresar datos, pero lo que detecta es: cada vez que el usuario ingresa cualquier dato ya ejecuta la función intentar() que hace la validación de los datos.

HTML:

<input type="text" id="guess-input" maxlength="5" pattern="a-z" required>

JavaScript:

var INPUT = document.getElementById("guess-input");
INPUT.addEventListener('keydown',intentar());

Así se presenta cada vez que se ingrese una letra, es decir ya detectó la letra y ejecutó intentar() Imagen del problema al detectar letras

3
  • 1
    a ver, edita tu pregunta y agrega la función intentar, por que tienes algo que me parece extraño
    – Yussef
    Commented el 29 jun. a las 13:23
  • Hola Willian, bienvenido, puedes probar: document.addEventListener("keydown", (ev) => { ev.preventDefault(); if( ev.key === "Enter" ){ alert( "presiono Enter" ); } } );. Commented el 29 jun. a las 15:15
  • si alguna de las respuesta te ha servido podes marcarla como resuelta, eso te dara al menos 2 puntos de reputacion que te seran utiles en un futuro. saludos. Commented el 29 jun. a las 16:14

2 respuestas 2

2

Para una buena comprensión, el segundo argumento de addEventListener es una función callback que siempre se ejecutará cuando ocurra el evento

const INPUT = document.getElementById("guess-input");

function intentar(event){
  if (event.key === "Enter") {
    alert("Presionó la tecla enter")
    event.preventDefault();      
         }
}


INPUT.addEventListener("keypress", intentar)
<input type="text" id="guess-input" maxlength="5" pattern="a-z" required>

Para más referencias, consulta developer.mozilla.

1

JavaScript:

  • Primero, nos aseguramos de que el DOM esté completamente cargado utilizando DOMContentLoaded.

  • Luego, cargamos un eventListener al campo de entrada para escuchar el evento keydown.

  • Dentro del eventListener, debemos verificar si la tecla presionada es la tecla "Enter" con (event.key === 'Enter').

Si es así, entonces debemos hacer la llamada a la función intentar(), donde puedes poner tu lógica de validación de datos.

Este seria el codigo de ejemplo que yo implementaria:

document.addEventListener('DOMContentLoaded', function () {
    var input = document.getElementById("guess-input");
    input.addEventListener('keydown', function(event) {
        if (event.key === 'Enter') {
            intentar();
        }
    });
});

function intentar() {
    // Aquí va tu lógica de validación de datos
    alert('Se ha pulsado Enter y se ejecuta la función intentar.');
}
<input type="text" id="guess-input" maxlength="5" pattern="[a-zA-Z]" required>

Tu Respuesta

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

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