Languages
[Edit]
EN

HTML - onerror event attribute

0 points
Created by:
DrJoystick
315

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

Quick solution:

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

 

Practical example

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.

// ONLINE-RUNNER:browser;

<!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>
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join