document.images上的JavaScript addEventListener

Question

我想通过addEventListener点击它时动态地更改图片。我在documents.images数组中有图片。我已经写了一个函数来切换图像。我遇到的问题是在点击图像时绑定这个问题。

这是我试过

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

Answer 1

你想将事件添加到实际的图像：

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

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

document.images[i].onclick = MakeMove; 

编辑

将参数传递给MakeMove，你会设置onclick到与任何值你调用MakeMove一个匿名函数需要：

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

---

从原始代码：

document.images[i]src 

无效，并且

document.images[i].src 

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

Answer 2

它看起来像你有一个语法错误。

尝试：

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

需要直接添加事件侦听器的图像对象。使用JSLint（www.jslint.com）以确保将来避免这种错误！

注意：这只会在浏览器支持（主要是除IE之外的所有东西）.addEventListner。使用库可能更好，所以你不必担心这一点，但如果你需要，.attachEvent（'onclick'，MakeMove）将处理IE和其他情况。