onclick handler sur <a> étiquettes, savoir quel tag a été cliqué

Question

J'ai 5 étiquettes d'ancrage sur ma page. Maintenant, quand l'un de ces tags est cliqué je veux appeler une fonction JavaScript, dans cette fonction, j'ai besoin de savoir sur lequel des ancres a été cliqué.

Comment cela peut-il être géré?
Je veux le faire en JavaScript pur ou avec dojo.

Answer 1

var anchors = document.getElementsByTagName("a"); 

for(var i = 0; i < anchors.length; i++) { 
    anchors[i].onclick = function() { 
     alert(this.id); 
     doStuff(id); 
     return false; 
    } 
} 

Démo: http://jsfiddle.net/FVWqT/1/

Notez que si vous avez plus de cinq points d'ancrage, et que vous voulez cibler uniquement ceux spécifiques, vous voudrez peut-être filtrer par classe, par exemple:

var anchors = document.getElementsByTagName("a"); 

for(var i = 0; i < anchors.length; i++) { 
    if(anchors[i].className == "something") { 
     anchors[i].onclick = function() { 
      alert(this.id); 
      doStuff(id); 
      return false; 
     } 
    } 
} 

Answer 2

Au lieu de définir un gestionnaire onclick pour chaque lien dans la page, pour une meilleure performance, vous pouvez utiliser la délégation d'événements sur le conteneur de liens (cette technique correspond parfaitement à votre tâche), par exemple

(function() { 
    var divcnt = document.getElementById('linkcnt'); 
    divcnt.onclick = function(evt) { 

     var event = (evt || window.event), 
      target = (event.target || event.srcElement); 

     if (evt.target.tagName === 'A') { 
      // event.target is DOM reference to link you clicked 
      // evt.target.id is the ID; 
      alert(evt.target.id); 

      //callmyfunction(event.target) // Call a function with DOM reference 
     } 
    } 
})(); 

Voir un exemple de travail ici: http://jsfiddle.net/fcalderan/MSvvh/

Answer 3

Aucun constructions complexes nécessaires, essayer votre auto dans la barre d'adresse:

javascript:(
    function() { 
    for (var i=0; i<document.links.length; i++) 
     document.links[i].onclick = function() { 
     return confirm(this.href+'\nORLY?') 
     }; 
    } 
)();