document.images 上的 JavaScript addEventListener

Question

我正在尝试通过 addEventListener 在单击图片时动态更改图片。我在 documents.images 数组中有图片。我已经编写了一个用于切换图像的函数。我遇到的问题是在我单击图像时绑定(bind)它。

这是我尝试过的

document.images[i]src.addEventListener("click", MakeMove, false);

Answer 1

您想将事件添加到实际图像中:

document.images[i].addEventListener("click", MakeMove, false);

但旧版浏览器不支持这些 DOM Level 2 事件处理程序，因此，假设这些图像不必具有多个点击处理程序，请考虑这样做

document.images[i].onclick = MakeMove;

编辑

要将参数传递给 MakeMove，您需要将 onclick 设置为匿名函数，该函数使用您需要的任何值调用 MakeMove:

document.images[i].onclick = function() { 
   MakeMove(12);
}

---

来自您的原始代码:

document.images[i]src 

无效，并且

document.images[i].src 

将是一个字符串，您显然不能向其添加事件处理程序。