javascript - 如何监听所有图片的error事件？

Question

我想隐藏动态加载的损坏图像。对于静态的，这有效。

$('img').error(function() {
    $(this).css({ 'visibility': 'hidden' });
});

但是，当我将其绑定(bind)到 document 时，什么也没有发生。控制台也没有报错。

$(document).on('error', 'img', function() {
    $(this).css({ 'visibility': 'hidden' });
});

如何监听动态加载图片的错误？

Answer 1

您可以使用 addEventListener 的 useCapture 来完成。

document.addEventListener('error', (e) => {
  // do your magic here
}, true)