Question

我想在onerror事件中添加div.circle_thumb>img函数。

现在，我在这个img标签中添加了`onerror事件。

<div class="circle_thumb" ><img src="some/url" onerror="this.src=url/to/replaced" /></div>

但这太困扰了我。

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

Answer 1

你可以使用这样的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'));

Answer 2

jQuery版本：

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

在javascript中添加事件全局回调

2 个答案: