javascript - <a> 标签上的 onclick 处理程序，找出点击了哪个标签

Question

我的页面上有 5 个 anchor 标记。现在，当这些标签之一被点击时，我想调用一个 JavaScript 函数，在这个函数中我需要找出哪个 anchor 被点击了。

如何处理？
我想用纯 JavaScript 或 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;   
    }
}

演示:http://jsfiddle.net/FVWqT/1/

请注意，如果您有五个以上的 anchor ，并且只想定位特定的 anchor ，您可能需要按类别进行过滤，例如:

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;   
        }
    }
}