javascript - 通过 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关于两种高级事件注册模型的文章。