Как связать событие загрузки для 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 
)