解释var img = new Image（）的工作原理;

Question

使用HTML5画布时，我遇到了一些代码：

var img = new Image();   // Create new img element

 img.addEventListener("load", function() {}, false);

img.src = 'myImage.png'; // Set source path

我理解的方式是，当设置img.src时，事件会在最后一行执行。

那么load事件在未被调用时如何触发？

考虑一下：

var psudpImage=function(){
var psudoSrc;
}

var img = new psudpImage();
img.psudosrc="'myImage.png'";

我知道我在这里遗漏了一些东西，这就是我要问的原因。

在我的例子中，psudosrc不会干扰函数的其他元素，为什么会在Image()函数中发生？

Answer 1

浏览器本身在内部调用事件处理程序。你曾经使用过onclick事件吗？您也不能手动调用 - 当您单击时，浏览器会调用该函数。同样在这里 - 加载图像时，浏览器会调用处理程序。