arguments de gestionnaire d'événements JavaScript

Question

Je le code JavaScript suivant:

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 } 

Ceci, bien sûr, ne fonctionne pas comme prévu. Au moins pas dans Firefox 3.6. Ce qui se passe est l'événement onclick est déclenché lorsque l'élément est créé et les arguments passés à myFunction sont null. Une fois l'élément ajouté au DOM, l'événement onclick ne se déclenche pas lorsque le bouton radio est sélectionné. Je serais reconnaissant si quelqu'un a un aperçu de ce qui se passe ici, et/ou comment ajouter dynamiquement des gestionnaires d'événements peut être accompli.

Answer 1

Vous devez donner une référence à une fonction pour onclick; vous exécutez actuellement la fonction et attribuez ce résultat au gestionnaire onclick. Ceci est plus proche de ce que vous voulez:

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

MISE À JOUR: Nous avons décidé d'utiliser event.target pour un exemple plus clair depuis Andir en a parlé.

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