If I do an online onload event for embedded objects, that seems to work but I can't seem to get the load event working through addEventListener. Is this expected?

If I do an online onload event for embedded objects, that seems to work but I can't seem to get the load event working through addEventListener. Is this expected?

• javascript
• dom-events

• 1 document.addEventListener('load',foo,false); ain't it work? – sepehr Commented Apr 11, 2009 at 22:23
• in IE we have to use "attachEvent", I think. – sepehr Commented Apr 11, 2009 at 22:24

5 Answers 5

Probably, but it may be browser dependent.

windows and images and iframes define their load events with addEventListener and attachEvent, but other load events are browser specific.

A script or link element's onload doesn't attach in IE, for instance.

try

$("embed").ready(function(){ ... });

could always set like this:

document.getElementById("objectId").onload = function(){ ... }

jQuery is perhaps the best way to go with this.

$("embed").load(function(){
   // enter code here
})

jQuery on/bind/load won't be fired for embed elements, while ready works but not after rendered when using Chrome, if you want to listen to the stage after rendering embeded elements, you may have to use pure js to add handlers.