Is bubbling available for image load events?

by

Use capturing event listener on some DOM node other than window (body or other parent of image elements of interest):

document.body.addEventListener(
    'load',
    function(event){
        var tgt = event.target;
        if( tgt.tagName == 'IMG'){
            tgt.style.display = 'inline';
        }
    },
    true // <-- useCapture
)

With this you don’t have to (re)attach event handlers while iterating through document.images.

And this will work for dynamically inserted images as well.

Same is true for image’s error loading events. MDN: addEventListener

More Related Contents:

  1. What is event bubbling and capturing?
  2. Capture click on div surrounding an iframe
  3. HTML DOM: Which events do not bubble?
  4. iFrame onload JavaScript event
  5. window.onload vs $(document).ready()
  6. Detect Click into Iframe using JavaScript
  7. Prevent form submission on Enter key press
  8. How to run a function when the page is loaded?
  9. iFrame src change event detection?
  10. Firing event on DOM attribute change
  11. How does one capture a Mac’s command key via JavaScript?
  12. Is there a callback on completion of a CSS3 animation?
  13. How to display a confirmation dialog when clicking an link?
  14. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  15. Way to know if user clicked Cancel on a Javascript onbeforeunload Dialog?
  16. What html tags support the onload/onerror javascript event attributes?
  17. Javascript event e.which?
  18. Listener for property value changes in a Javascript object
  19. How do you detect the clearing of a “search” HTML5 input?
  20. How to tell which row number is clicked in a table?
  21. How to listen for changes to the title element?
  22. Wait for iframe to load in JavaScript
  23. How to catch enter keypress on textarea but not shift+enter? [duplicate]
  24. full-screen browser window on load document
  25. HTML5 drop event doesn’t work unless dragover is handled
  26. Reload an HTML page just once using JavaScript
  27. Is there any way to call a function periodically in JavaScript?
  28. Trigger action on programmatic change to an input value
  29. Are dynamically inserted tags meant to work?
  30. Display Spreadsheet Data to HTML Table

Leave a Comment