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事件將立即觸發（有時在設置處理程序之前）