在javascript中添加事件全局回调

在javascript中添加事件全局回调,javascript,Javascript,我想在div.circle\u thumb>img事件上添加一个onerror函数 现在,我为每个img标签添加了一个错误事件,如下所示 但这让我太烦恼了 我可以全局添加此回调吗?您可以像这样使用javascript [].forEach.call(document.querySelectorAll('div.circle_thumb>img'), function(img) { img.addEventListener('error', function(e) { thi

我想在div.circle\u thumb>img事件上添加一个onerror函数

现在,我为每个img标签添加了一个错误事件,如下所示

但这让我太烦恼了


我可以全局添加此回调吗?

您可以像这样使用javascript

[].forEach.call(document.querySelectorAll('div.circle_thumb>img'), function(img) {
    img.addEventListener('error', function(e) {
    this.src='../img/logo.png';
  });
});
或者在ES2015中+

Array.from(document.querySelectorAll('div.circle_thumb>img')).forEach(img => img.addEventListener('error', e => img.src='../img/logo.png'));

您可以像这样使用javascript

[].forEach.call(document.querySelectorAll('div.circle_thumb>img'), function(img) {
    img.addEventListener('error', function(e) {
    this.src='../img/logo.png';
  });
});
或者在ES2015中+

Array.from(document.querySelectorAll('div.circle_thumb>img')).forEach(img => img.addEventListener('error', e => img.src='../img/logo.png'));
jQuery版本:

jQuery.each($('div.circle_thumb > img'), function(index, image){
    image.addEventListener('error', function(e) {
        image.src='../img/logo.png';
    });
});
jQuery版本:

jQuery.each($('div.circle_thumb > img'), function(index, image){
    image.addEventListener('error', function(e) {
        image.src='../img/logo.png';
    });
});

在所有情况下,this.src=url/to/replacement是否都完全相同?如果“全局”指的是body或HTML元素,那么答案是否定的,因为没有气泡。@JaromandaX是的,所有div.circle\u thumb>img都将在出错时替换为该url。@RobG这意味着,我想在所有div.circle\u thumb>img标记上添加回调。啊,在这种情况下,非常简单。this.src=url/to/replacement在所有情况下都完全相同吗?如果你指的是body或HTML元素,那么答案是否定的,因为没有气泡。@JaromandaX是的,所有div.circle\u thumb>img都会在出错时被替换为该url。@RobG这意味着,我想在所有div.circle\u thumb>img标记上添加回调。啊,在这种情况下,很简单。