javascript - 使用 JS/jQuery 检查 onload 和 onerror？

Question

使用 HTML 我可以手动将其放入正文

<img style="display:none;"
onload="Success('test')"
onerror="Fail('test')"
src="http://example.com/test.png"
/>

是否可以使用 jQuery 或 JavaScript 进行此检查？

编辑:我想避免使用 HTML 和手动插入图像。我正在尝试仅使用 jQuery/JS 来完成检查。

Answer 1

是的..在 jQuery 中也是这样

​$('img').load(function(){ // when loaded successfully
   console.log('success');  
}).error(function(){  // when theres an error
   console.log('error');  
});​​​​​

FIDDLE

或

$('img').on({
    load: function(){

    }, 
    error: function(){

    }
})

FIDDLE

编辑:

如果你想在纯 javascript 中使用它，你可以这样做

$('<img/>',{ // <-- create the element
      src:'http://wichitaatbat.com/wp-content/uploads/Soccer-Ball.png'
}).load(function(){
    console.log('success');
}).error(function(){
    console.log('error');  
});

http://jsfiddle.net/wirey00/LCkkn/