通过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"（就像您对Microsoft所做的那样）：

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

参见Quirksmode的article on the two advanced event registration models。