如何为img绑定加载事件答案

【问题标题】：How to bind load event for img如何为img绑定加载事件
【发布时间】：2016-02-05 04:46:26
【问题描述】：

我知道$('img').load(function(){}) 可以工作。但是，我希望最初没有创建的img dom 也可以trigger the event。我想知道为什么以下不起作用。

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

【问题讨论】：

你不能因为load event不冒泡，所以它不支持委托处理程序
谢谢。我得到了正确的方法。不是因为冒泡，而是因为捕获模型。

标签： javascript jquery dom-events

【解决方案1】：

jQuery 不支持捕获。所以只好用js的addEventListener。

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

【讨论】：