JS_DOM事件温习

先来复习一下DOM知识：

事件冒泡：即事件最开始由最具体的元素接收，然后逐级向上传播，至最不具体的那个节点（文档）

事件捕获：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。

事件处理程序：

HTML事件处理程序（缺点JS和HTML紧耦合，不易于维护，降低性能）

DOM0级别事件处理程序（对这个我比较疑惑，有些资料有这个概念，有写资料没有这个概念，根据JS高级程序设计给出的它只能作为一个历史参考点）

DOM1级事件处理程序

DOM2级事件处理程序（能给一个元素重复定义多个相同事件的不同处理方法）[DOM2之前要自行添加代码实现]

DOM3级事件处理程序

还有IE事件处理程序（要对IE存在正确的仇视心理~）

贴上一个跨浏览器的事件处理代码

var eventUtils = {

    getEvent:function(event){
        return event?event:window.event;
    },

    getType:function(event){
        return event.type;
    },

    getTarget:function(event){
        return event.target || event.srcElement;
    },

    stopPropagation:function(event){
        if(event.stopPropagation){
            event.stopPropagation();
        }
        else{
            event.cancelBubble = true;
        }
    },

    preventDefault:function(event){
        if(event.preventDefault){
            event.preventDefault();
        }
        else{
            event.returnValue = false;
        }
    },

    addHandler:function(obj,method,fn){
        if(obj.addEventListener){
            obj.addEventListener(method,fn);
        }
        else if(obj.attachEvent){
            obj.attachEvent("on"+method,fn);
        }
        else{
            obj["on"+method] = fn;
        }
    },

    removeHandler:function(obj,method,fn){
        if(obj.removeEventListener){
            obj.removeEventListener(method,fn);
        }
        else if(obj.detachEvent){
            obj.detachEvent("on"+method,fn);
        }
        else{
            obj["on"+method] = null;
        }
    }
}

以上内容，如有错误请指出，不甚感激。