將事件添加到具有特定類的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...