通過JavaScript中的循環應用事件處理程序到元素

Question

我想爲我的所有<td>標記添加事件處理程序。我試過以下內容：

var allSquares = document.getElementsByTagName("td"); 

for (var i = 0, len = allSquares.length; i < len; i++){ 
allSquares[i].addEventListener('ondragover', allowDrop, false); 

} 

任何人都有一個想法，爲什麼它不工作？ 提前致謝

Answer 1

傳遞給addEventListener的一般事件名稱不以"on"開頭。

allSquares[i].addEventListener('dragover', allowDrop, false); 

Answer 2

隨着W3-方法addEventListener你不活動的名稱前加上一個"on"（像你這樣做微軟）：

allSquares[i].addEventListener('dragover', allowDrop, false); 

見怪異模式的article on the two advanced event registration models。