Add event global callback in javascript

Question

I want to add an onerror function on div.circle_thumb>img event.

Now, I'm added `onerror event each img tag like this.

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

But this bothering me too much.

Can I add this callback globally?

is the this.src=url/to/replaced exactly the same in all cases? — Jaromanda X
– Jaromanda X, Commented Aug 23, 2016 at 2:02
If by "globally" you mean to say the body or HTML element, then the answer is "no" as the error event doesn't bubble. — RobG
– RobG, Commented Aug 23, 2016 at 2:04
@JaromandaX Yes, all div.circle_thumb>img will be replaced to that url on error. — Minkyu Kim
– Minkyu Kim, Commented Aug 23, 2016 at 2:09
@RobG It means, I wanna add the callback on all div.circle_thumb>img tags. — Minkyu Kim
– Minkyu Kim, Commented Aug 23, 2016 at 2:10

Jaromanda X · Accepted Answer · 2016-08-23 02:14:33Z

3

You can use javascript like this

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

or in ES2015+

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

answered Aug 23, 2016 at 2:14

Jaromanda X

57.1k6 gold badges82 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GibboK · Accepted Answer · 2016-08-23 07:11:18Z

1

jQuery version:

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

edited Aug 23, 2016 at 7:11

answered Aug 23, 2016 at 7:06

GibboK

74.3k149 gold badges453 silver badges676 bronze badges

Collectives™ on Stack Overflow

Add event global callback in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related