Skip to main content
se añadieron 269 caracteres en el cuerpo
Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Puedes usar addEventListeneraddEventListener para asignar una función al elemento de forma programática. Claro está, esa función debe existir en el contexto para que no te dé error.

Sería esto simplemente:

loadFile.addEventListener("click", myFunction, false);

O sea, la asignas el listener onclick del elemento a la función myFunction.

Por ejemplo:

var mDiv = document.getElementById('myDiv');
var loadFile;
loadFile = document.createElement('input');
loadFile.id = 'carga';
loadFile.type = 'file';
loadFile.name = "archivo";
loadFile.setAttribute('style', 'color: transparent; width: 120px;');
loadFile.addEventListener("click", myFunction, false);

mDiv.appendChild(loadFile);

function myFunction() {
  console.log("Se presionó: " + this.id);
}
<div id="myDiv"></div>

Puedes usar addEventListener para asignar una función al elemento de forma programática. Claro está, esa función debe existir en el contexto para que no te dé error.

Por ejemplo:

var mDiv = document.getElementById('myDiv');
var loadFile;
loadFile = document.createElement('input');
loadFile.id = 'carga';
loadFile.type = 'file';
loadFile.name = "archivo";
loadFile.setAttribute('style', 'color: transparent; width: 120px;');
loadFile.addEventListener("click", myFunction, false);

mDiv.appendChild(loadFile);

function myFunction() {
  console.log("Se presionó: " + this.id);
}
<div id="myDiv"></div>

Puedes usar addEventListener para asignar una función al elemento de forma programática. Claro está, esa función debe existir en el contexto para que no te dé error.

Sería esto simplemente:

loadFile.addEventListener("click", myFunction, false);

O sea, la asignas el listener onclick del elemento a la función myFunction.

Por ejemplo:

var mDiv = document.getElementById('myDiv');
var loadFile;
loadFile = document.createElement('input');
loadFile.id = 'carga';
loadFile.type = 'file';
loadFile.name = "archivo";
loadFile.setAttribute('style', 'color: transparent; width: 120px;');
loadFile.addEventListener("click", myFunction, false);

mDiv.appendChild(loadFile);

function myFunction() {
  console.log("Se presionó: " + this.id);
}
<div id="myDiv"></div>

Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Puedes usar addEventListener para asignar una función al elemento de forma programática. Claro está, esa función debe existir en el contexto para que no te dé error.

Por ejemplo:

var mDiv = document.getElementById('myDiv');
var loadFile;
loadFile = document.createElement('input');
loadFile.id = 'carga';
loadFile.type = 'file';
loadFile.name = "archivo";
loadFile.setAttribute('style', 'color: transparent; width: 120px;');
loadFile.addEventListener("click", myFunction, false);

mDiv.appendChild(loadFile);

function myFunction() {
  console.log("Se presionó: " + this.id);
}
<div id="myDiv"></div>