Question

114

Properly bind Javascript events

rated 0 times [ 118] [ 4] / answers: 1 / hits: 23546 / 15 Years ago, wed, november 25, 2009, 12:00:00

I am looking for the most proper and efficient way to bind Javascript events; particularly the onload event (I would like the event to occur after both the page AND all elements such as images are loaded). I know there are simple ways to do this in jQuery but I would like the more efficient raw Javascript method.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

anitamaeg

Add To Favorites

Follow

Total Points: 466

Total Questions: 106

Total Answers: 106

Location: Suriname

Member since Sun, Jun 13, 2021

3 Years ago

answered 15 Years ago albert · Accepted Answer

There are two different ways to do it. Only one will work; which one depends on the browser. Here's a utility method that uses both:

function bindEvent(element, type, handler) {

   if(element.addEventListener) {

      element.addEventListener(type, handler, false);

   } else {

      element.attachEvent('on'+type, handler);

   }

}

In your case:

bindEvent(window, 'load', function() {

    // all elements such as images are loaded here

});