如何在沒有jQuery的情況下檢測圖像何時加載（或失敗）？

Question

如何在純JavaScript中重新創建以下代碼？

$('#img').on('load error', function() { something(); }); 

Answer 1

試試這個：

<img id="image" src="image.gif" onerror="myFunction()"> 

或內聯：

document.getElementById("image").addEventListener("error", function(){ something(); }); 
document.getElementById("image").src = filename; 

或者從頭開始：

var img=new Image(); 
img.onload=function(e) { somethingGood(); }; 
img.onerror=function(e) { somethingBad(); }; 
img.src=URL;