0

En mi aplicación web se añaden inputs durante las interacciones de los usuarios, y tengo un problema y es que el .keydown() de jQuery no me funciona en estos inputs.

Sin embargo, sí funciona en los campos que ya vienen en la página cuando esta es cargada. Me gustaría saber si este es el problema o si tengo algo mal y una posible solución.

Input donde sí funciona (Cargado al inicio):

<input type="text" class="form-control" id="name">

Input donde NO funciona (cargado al pulsar en un botón con .append()):

<input type="text" class="form-control" id="url0" name="url0">

Código usado para detectar cuándo el usuario termina de escribir:

var timer = null;
$('input').keydown(function(){
    clearTimeout(timer);
    timer = setTimeout(function() {
        alert('Ya está');
    }, 1500);
});
1
  • Es por que el evento tienes que volver a asignarlo, ya que el elemento nuevo no estaba en el dom inicialmente Commented el 8 abr. 2019 a las 18:43

1 respuesta 1

0

Con el metodo on() puedes ligar eventos a elementos creados dinamicamente. Si lo intentas de esta forma debería funcionar:

var timer = null;
$(document).on('keydown', "input",function () {  
    clearTimeout(timer);
    timer = setTimeout(function() {
        alert('Ya está');
    }, 1500);
});
1

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.