Javascript图像对象 - 处理onload事件

Question

我正在尝试在点击事件上预加载图片：

// new image object
var imgObject = new Image();

// assign the path to the image to the src property
imgObject.src = document.URL + 'image/image.jpg';

// check if image has loaded
if (imgObject.complete) {

但是完整的调用永远不会在第一次点击时返回真实 - 任何想法我在这里缺少什么？

Answer 1

.complete是图像对象的属性，而不是可以附加到的事件。 使用onload事件：

var image = new Image();
image.onload = function() {
    alert('image loaded');
};
image.src = document.URL + 'image/image.jpg';

注意：在设置source属性之前，请务必附加到onload hander。

注释说明 ：图像缓存。 如果图像被缓存，则onload事件将立即触发（有时在设置处理程序之前）