使用特定类向HTML元素添加事件

Question

我正在处理一个模态窗口，我希望尽可能使该函数可重用。说，我想设置几个等于“模态”的类的锚标签，当点击一个特定的锚标签时，获取它的Id并将其传递给一个函数，该函数将根据传递的Id执行另一个函数。 这就是我到目前为止所做的：

// this gets an array with all the elements that have a class equals to "modal"
var anchorTrigger = document.getElementsByClassName('modal'); 

然后我尝试通过这样做为数组中的每个项设置addEventListener：

var anchorTotal = anchorTrigger.length;
for(var i = 0; i < anchorTotal ; i++){
    anchorTrigger.addEventListener('click', fireModal, false);
}

然后运行最后一个打开模态的函数“fireModal”，如下所示：

function fireModal(){
    //some more code here ...
}

我的问题是在“for”循环中，我得到一个错误，说anchorTrigger.addEvent ...不是一个函数。 我可以说这个错误可能与我试图将“addEventListener”设置为数组而不是单个元素的事实有关，但我不知道我应该做什么。 任何帮助将不胜感激。

Answer 1

anchorTrigger[i].addEventListener...