javascripte Event的兼容性处理

event的兼容性（关键是处理IE的兼容性）

var EventUtil = {
    addHandler: function(element, type, handler){
        if (element.addEventListener) {
            element.addEventListener (type, handler, false);
        }
        else if (element.attachEvent){
            element.attachEvent ("on" + type, handler);  //for IE
        }
        else {
            element["on" + type] = handler;
        }
    },
    getEvent: function(event){
        return event ? event : window.event;   //window.event for IE
    },
    getTarget: function(event){
        return event.target || event.srcElement;   //event.srcElement for IE
    },
    preventDefault: function(event){
        if (event.preventDefault){
            event.preventDefault();
        } else {
            event.returnValue = false;  //for IE
        }
    },
    removeHandler: function(element, type, handler){
        if (element.removeEventListener) {
            element.removeEventListener (type, handler, false);
        }
        else if (element.detachEvent){
            element.detachEvent ("on" + type, handler);  //for IE
        }
        else {
            element["on" + type] = null;
        }
    },
    stopPropagation: function(event){
        if (event.stopPropagation){
            event.stopPropagation();
        } else {
            event.cancelBubble = true;   //for IE
        }
    }
};

之后就通过EventUtil来调用相应的函数。

EventUtil.addHandler (ele, "click", function() { alert("click"); });