事件处理 方式

//  跨浏览器事件处理程序
    var EventUtil={
        addHandler:function(elemrnt,type,handler){
            if(elemrnt.addEventListener){//DOM2级
                elemrnt.addEventListener(type,handler,false);
            }else if(elemrnt.attachEvent){//IE
                elemrnt.attachEvent("on"+type,handler);
            }else {//DOM0
                elemrnt["on"+type]=handler;
            }
        },
        removeHandler:function(elemrnt,type,handler){
            if(elemrnt.removeEventListener){
                elemrnt.removeEventListener(type,handler,false);
            }else if(elemrnt.detachEvent){
                elemrnt.detachEvent("on"+type,handler);
            }else {
                elemrnt["on"+type]=null;
            }
        }
    };
    var handler =function(){
        //执行操作
    }
    EventUtil.addHandler('btn','click',handler);
    EventUtil.removeHandler('btn','click',handler);

    //总结：常用的是DOM2级  其中参数设置为false 事件冒泡机制
    //IE处理方式和DOM2区别 DOM0
    //1.DOM2 事件名不需要加 on  IE需要
    //2.再同时绑定多个事件时候  DOM2是顺序执行 IE是逆序执行
    //3.重点是  两者的执行作用域不同 DOM0是所属元素作用域 IE是全局作用域 这点在跨浏览器需要重点留意。