JavaScript argumentos de controlador de eventos

Question

Tengo el siguiente código JavaScript:

var ans_el = document.createElement('input'); 
ans_el.setAttribute('id', unique_int_value); 
ans_el.setAttribute('type', 'radio'); 
ans_el.setAttribute('name', 'group'); 
ans_el.setAttribute('value', 'myValue'); 
ans_el.onclick = myFunction(this.id, this.value); 

// Add ans_el to DOM. 

function myFunction(index, value) { // do something } 

Esto, por supuesto, no funciona como se esperaba. Al menos no en Firefox 3.6. Lo que ocurre es que el evento onclick se activa cuando se crea el elemento y los argumentos pasados ​​a myFunction son nulos. Después de agregar el elemento al DOM, el evento onclick no se activa cuando se selecciona el botón de opción.

Estaría agradecido si alguien tiene alguna idea de lo que está sucediendo aquí, y/o la forma dinámica de agregar controladores de eventos se puede lograr.

Answer 1

Debe dar una referencia a una función para onclick; Actualmente está ejecutando la función y asignando ese resultado al controlador onclick. Esto está más cerca de lo que quiere:

ans_el.onclick = function(e) { 
    myFunction(ans_el.id, ans_el.value); 
}; 

ACTUALIZADO: decidido utilizar event.target para un ejemplo más claro desde Andir lo mencionó.

ans_el.onclick = function(e) { 
    myFunction(e.target.id, e.target.value); 
};