[Edit]

HTML - onerror event attribute

1 contributors

2 contributions

0 discussions

0 points

Created by:

DrJoystick

585

In this article, we would like to show you how to use onerror event attribute in HTML.

Quick solution:

xxxxxxxxxx
 
<img src="https://wrong-url.com/image.png" onerror="myFunction()" />

Practical example

Edit

In this example, we create handleError() function and assign it to the HTML onerror event attribute so it will be executed when the image loading error occurs.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <script>
​
    function handleError(image) {
      console.error('Image loading error (' + image.src + ').');
    }
​
  </script>
  <img src="https://wrong-url.com/image.png"
       alt="Image loading error." 
       onerror="handleError(this)" />
</body>
</html>