如何綁定img的加載事件

Question

我知道$('img').load(function(){})可以工作。不過，我想img dom那些最初還沒有創建的也可以trigger the event。我想知道爲什麼下面不起作用。

$(window.document).on('load', 'img', function(){ 
    console.log('load', this); 
}) 

Answer 1

jQuery不支持捕獲。所以我不得不使用js的addEventListener。

document.body.addEventListener(
    'load', 
    function(event){ 
     var tgt = event.target; 
     if(tgt.tagName == 'IMG'){ 
      console.log('load', tgt.src); 
     } 
    }, 
    true 
)