Javascriptのイメージオブジェクト - 私はクリックイベントに画像をプリロードしようとしている

Question

のonloadイベントをハンドル：

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

はイメージオブジェクトのプロパティであり、添付できるイベントではありません。

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

注：ソース属性を設定する前にonloadイベントハンドラに取り付けてくださいonloadイベントを使用してください。

注釈：画像キャッシュ。イメージがキャッシュされている場合、onloadイベントはすぐに（ハンドラを設定する前に）すぐに起動します