JavaScript圖片對象 - 處理onload事件

Question

我想上預裝的Click事件圖片：

// 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) { 

但是完整的呼叫從來沒有在第一次點擊返回true - 任何知道我在這裏失蹤？

Answer 1

.complete是圖像對象的屬性，而不是您可以附加到的事件。使用onload事件：

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

注：務必設置源屬性之前附加到onload事件處理程序。

說明解釋：圖像緩存。如果圖像被緩存，那麼onload事件將立即觸發（有時在設置處理程序之前）