ブラウザにまたがるEventUtil&&StyleUtil

主に頑固なIEの問題を解決した.
EventUtil

  var EventUtil = {
        //        dom0||dom2||IE        
        //   ：      ,     ,      
        addEvent : function(element, type, handler) {
            if (element.addEventListener) {
                //    、       、    
                element.addEventListener(type, handler, false);
            } else if (element.attachEvent) {
                //    event   function  ，
                //     handler          
                // addEventListener    
                element.attachEvent('on' + type, function() {
                    handler.call(element);
                });
            } else {
                element['on' + type] = handler;
            }
        },
        //     
        removeEvent : function(element, type, handler) {
            if (element.removeEnentListener) {
                element.removeEnentListener(type, handler, false);
            } else if (element.datachEvent) {
                element.detachEvent('on' + type, handler);
            } else {
                element['on' + type] = null;
            }
        }, 
        //      (       ，  IE       )
        stopPropagation : function(ev) {
            if (ev.stopPropagation) {
                ev.stopPropagation();
            } else {
                ev.cancelBubble = true;
            }
        },
        //          
        preventDefault : function(event) {
            if (event.preventDefault) {
                event.preventDefault();
            } else {
                event.returnValue = false;
            }
        },
        //       
        getTarget : function(event) {
            return event.target || event.srcElement;
        }
    }; 

StyleUtil

var StyleUtil = {
  getStyleSheet: function(elem) {
    return elem.sheet || elem.styleSheet;
  },
  insertRule: function(sheet, selector, cssText, position) {
    if (sheet.insertRule) {
      sheet.insertRule(selector + "{" + cssText + "}", position); 
    } else if ( sheet.addRule ) {
      sheet.addRule(selector, cssText, position);
    }
  },
  removeRule: function( sheet, index ) {
    if (sheet.deleteRule) {
      sheet.deleteRule(index);
    } else if (sheet.removeRule) {
      sheet.removeRule(index);
    }
  }
};

リファレンス
1、『javascriptプレミアムプログラミング(第3版)』2、フロントエンドまとめ