Rock Solid addEvent()

JavaScriptSource Staff Apr 24, 2006

Usually, when one event loads, it writes over any previous ones. Using this snippet, you can add several events to one page without any problems.

The JavaScript Source: Snippets : Rock Solid addEvent()

Simply click inside the window below, use your cursor to highlight the script, and copy [Control]+C the script into a new file in your text editor (such as Note Pad) and save [Control+S]. The script is yours!!!

/* Created by Dustin Diaz
http://www.dustindiaz.com/ */

function addEvent(obj, type, fn) {
  if (obj.addEventListener) {
    obj.addEventListener(type, fn, false);
    EventCache.add(obj, type, fn);
  }
  else if (obj.attachEvent) {
    obj["e"+type+fn] = fn;
    obj[type+fn] = function() {obj["e"+type+fn](window.event);}
    obj.attachEvent("on"+type, obj[type+fn]);
    EventCache.add(obj, type, fn);
  }
  else {
    obj["on"+type] = obj["e"+type+fn];
  }
}

var EventCache = function(){
  var listEvents = [];
  return {
    listEvents : listEvents,
    add : function(node, sEventName, fHandler){
      listEvents.push(arguments);
    },
    flush : function(){
      var i, item;
      for(i = listEvents.length - 1; i >= 0; i = i - 1){
        item = listEvents[i];
        if(item[0].removeEventListener){
          item[0].removeEventListener(item[1], item[2], item[3]);
        };
        if(item[1].substring(0, 2) != "on"){
          item[1] = "on" + item[1];
        };
        if(item[0].detachEvent){
          item[0].detachEvent(item[1], item[2]);
        };
        item[0][item[1]] = null;
      };
    }
  };
}();
addEvent(window,'unload',EventCache.flush);

Did you use this script? Do you like this site? Please link to us!

Click here

Leave a Response

Attention JavaScript Coders

Want some recognition for your scripts? Submit them to JavaScript Source!

Click here

3 Ways Cloud Storage Accelerates Web Application Development

Unlike File Systems that require 1:1 mount points, don't share storage resources, and entail building a storage abstraction layer/object …
Systems Engineering for Dummies

This IBM Limited Edition ebook, "Systems Engineering For Dummies," explains what systems engineering is and how it can help you simplify the …
Want to Make Compliance Easy? Get Proactive!

Is your business reactively implementing compliance? If so, you're wasting time and money and destroying productivity. Get proactive! In …

Click here