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

标签 javascript jquery html image events

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

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

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

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

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

最佳答案

您可以使用 addEventListeneruseCapture 来完成。

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

关于javascript - 如何监听所有图片的error事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22500648/

相关文章:

html - 使图像适合表格单元格

JavaScript 函数调用语法

javascript - 为什么 dateFormat 会导致 "Uncaught ReferenceError: dateFormat is not defined"错误?

javascript - angularjs用不同的函数定义值

javascript - 使用 waypoints.js 和 Anime.js 分别对具有相同类的元素进行动画处理

javascript - 如何在模态内提交时隐藏表列

javascript - React - 使用多个数组进行映射

javascript - 如何在不重新加载页面的情况下更改页面 url

javascript - JQuery 过渡切换类不起作用

javascript - 刷新带有 <script> 标签的 div