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付けないでください（Microsoftの場合のように）。"on"

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

2つの高度なイベント登録モデルに関するQuirksmodeの記事を参照してください。