1

Intento recorrer todos los inputs del documento y luego agregarle a cada uno de ellos la propiedad onblur, pero el alert siempre aparece, por qué?

window.addEventListener('DOMContentLoaded',function(){
  
  var inputs = document.getElementsByTagName('INPUT');
  (function(){
    for(var i=0;i<inputs.length;i++){
      console.log(inputs[i].id);
      inputs[i].setAttribute('onblur','alert(\'Bucle\')');
    }
  })();
 
});
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input id="g1" type="text">
  <input id="g2" type="text">
  <input id="g3" type="text">
</body>
</html>

4
  • Solo me gusta aprender para no cometer los mismos errores
    – ESCM
    Commented el 24 sept. 2017 a las 17:05
  • @A.Cedano - Y que tiene que ver eso con el problema que tiene el OP? Está poniendo el alert como valor.... Commented el 24 sept. 2017 a las 17:07
  • @A.Cedano - Sigo sin entender el problema...creo que te estás equivocando... setAttribute(atributo= onblur => valor=alert (o lo quesea) Commented el 24 sept. 2017 a las 17:13
  • Efectivamente, ha sido un equívoco @aldanux. Borrando comentarios. Gracias.
    – A. Cedano
    Commented el 24 sept. 2017 a las 17:21

1 respuesta 1

1

Entras en un bucle porque no puedes o mejor dicho es imposible de salir del onblur mientras estás en alert.

está en blur -> alert -> cierras alert -> está en blur -> alert... infinito

Una solución seria de cambiar de onblur a onchange

window.addEventListener('DOMContentLoaded',function(){
  
  var inputs = document.getElementsByTagName('input');
    
  (function(){
      
    for (var i=0; i<inputs.length; i++ ) {
        
      console.log(inputs[i].id);
      inputs[i].setAttribute('onchange','alert('+i+')');
    }
      
  })();
 
});
<input id="g1" type="text">
<input id="g2" type="text">
<input id="g3" type="text">

o usar algún plugin de modal/notificaciones.

3
  • Tu código no me muestra ningún alert
    – ESCM
    Commented el 24 sept. 2017 a las 17:01
  • @EduardoSebastian - Es que tienes que escribir algo y salir del campo... es como funciona el onchange.... Commented el 24 sept. 2017 a las 17:02
  • 1
    Ah gracias, mucho tiempo sin usar onchange
    – ESCM
    Commented el 24 sept. 2017 a las 17:05

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.