añadir metodo onchange a un Script

[andre___5025]

Buen dia amigos, tnego el siguente script:

Código Javascript:

<script type="text/javascript">
var numero = 0;
 
// Funciones comunes
c= function (tag) { // Crea un elemento
   return document.createElement(tag);
}
d = function (id) { // Retorna un elemento en base al id
   return document.getElementById(id);
}
e = function (evt) { // Retorna el evento
   return (!evt) ? event : evt;
}
f = function (evt) { // Retorna el objeto que genera el evento
   return evt.srcElement ?  evt.srcElement : evt.target;
}
 
addField = function () {
   container = d('files');
   
   span = c('SPAN');
   span.className = 'file';
   span.id = 'file' + (++numero);
 
   field = c('INPUT');   
   field.name = 'archivos[]';
   field.type = 'file';
   
   a = c('A');
   a.name = span.id;
   a.href = '#';
   a.onclick = removeField;
   a.innerHTML = 'Eliminar';
 
   span.appendChild(field);
   span.appendChild(a);
   container.appendChild(span);
}
removeField = function (evt) {
   lnk = f(e(evt));
   span = d(lnk.name);
   span.parentNode.removeChild(span);
}
</script>
 

Necesito añadirle esta función que normalmente iria en un campo de tipo file en un formulario, por ejemplo <input type="file" name="archivito" id="archivito" onchange="checkear(this)"> pero necesito unicamente añadirle el metodo

Código Javascript:

onchange="checkear(this)"
 

al script de arriba. se los agreadeceria si me colaboran por favor. Gracias.

[Alexis88]

Así como haces esto para añadir el tipo de elemento:

Código Javascript:

field.type = 'file';
 

Puedes hacer esto para asociar una función a un evento en el mismo:

Código Javascript:

field.onchange = function(){
    //Instrucciones
};
 

Saludos

[andre___5025]

Hola alexis, gracias por responder. Pues mira que lo trate de hacer de varias formas pero no me funciona, ovio debo estar haciendo algo mal, pero es que no soy muy experta en javascript,

Código Javascript:

field.onchange = function checkear(f){
       onchange="checkear(this)"
    };
 

Me colaboras por fa. :)

[Alexis88]

Esto:

Código Javascript:

field.onchange = function(){
    //Instrucciones
};
 

Equivale a esto:

Código HTML:

onchange = "checkear(this)"
 

Con la diferencia de que en la función, no necesitas pasarle el this como parámetro pues es accesible desde adentro de la función.

Código Javascript:

field.onchange = function(){
    console.log(this); //Mostrará información con respecto al elemento en donde se produjo el evento
};
 

Por ejemplo:

Código Javascript:

var boton = document.createElement("button");
 
boton.id = "foo";
boton.innerText = "Botón";
boton.onclick = function(){
    alert("Mi id es: " + this.id); //Mi id es: foo
};
 
document.body.appendChild(boton); //Adhiero el botón creado al documento
 

Lo anterior creará un botón, le asignará un id y un texto y cuando sea pulsado, mostrará un mensaje de alerta con su id.

Saludos