无法在 Javascript 中设置新的 IMG 事件属性 [重复]

Question

我是 JavaScript 新手，但对 Java/C++ 有一定的经验。因此，我尝试使用以下代码在我正在创建的新 IMG 元素上设置一些简单的事件属性：

var square = document.createElement("IMG");
square.src = "Square_Empty.png";
square.alt = "Oops!";
square.style = "height:100px;width:100px;position:\
absolute;top:14.5px;left:83.1px;";
square.onmouseover = "this.src='Square_Red.png'";
square.onmouseout = "this.src='Square_Empty.png'";
document.body.appendChild(square);

除了onmouseover 和onmouseout 属性的分配外，一切似乎都运行良好。根据调试器（Firefox），这些属性没有被分配，但其他的被分配了，我不知道为什么。

Answer 1

最好使用addEventListener()：

square.addEventListener("mouseover", function(){ this.src='Square_Red.png' });
square.addEventListener("mouseout", function(){ this.src='Square_Empty.png' });

或者你可以简单地添加匿名函数function()：

square.onmouseover = function(){ this.src='Square_Red.png'; }
square.onmouseout = function(){ this.src='Square_Empty.png'; }

希望这会有所帮助。