Manually Dispatching Load Event To Window When Image Loads

Image load event doesn't bubble up to window by default. Manually dispatch 'load' event to notify window object.

The load event triggered by an HTML element does not bubble up to the window object by default. Therefore, when an image is loaded using an img HTML element, if you need to notify the window object, you must manually dispatch the event to it.
An example:
HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <img id="image" src="https://placehold.co/100x100" alt="Placeholder Image" />
    <script src="src/script.js"></script>
  </body>
</html>

    
    

    
    




JS

docu...

Read the full article