javascript高级程序设计第二版第十二章事件要点总结

常用的跨浏览器检测方法

var EventUtil={      //跨浏览器处理程序---创建方法
    addHandler:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListneter(type,handler,false);
        }else if(element.attachEvent){
            element.attachEvent("on"+type,handler);
        }else{
            element["on"+type]=handler;
        }
    }
    removeHandler:function(element,type,handler){       //跨浏览器处理程序---删除方法
        if(element.removeEventListener){
            element.removeEventListneter(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent("on"+type,handler);
        }else{
            element["on"+type]=handler;
        }
    }
    getEvent:function(event){     //跨浏览器事件对象---返回event对象的引用
        return event?event:window.event;
    }
    getTarget:function(event){    //跨浏览器事件对象---返回事件的目标
        return event.target||event.srcElement;
    }
    preventDefault:function(event){    //跨浏览器事件对象---取消默认事件
        if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue=false;
        }
    }
    stoppropagation:function(event){    //跨浏览器事件对象---阻止事件流
        if(event.stoppropagation){
            event.stoppropagation();
        }else{
            event.canceBubble=false;
        }
    }
    getRelatedTarget:function(event){    //跨浏览器获取相关元素
        if(event.relatedTarget){
            return event.relatedTarget; 
        }else if(event.toElement){
            return envent.toElement;
        }else if(event.fromElement){
            return event.fromElement;
        }else{
            return null;
        }
    }
    getButton:function(event){         //鼠标事件的button属性检测
        if(document.implementation.hasFeature("MouseEvent","2.0")){
            return event.button;
        }else{
            switch(event.button){
                case 0:
                case 1:
                case 3:
                case 5:
                case 7:
                return 0;
                case 2:
                case 6:
                return 2
                case 4:
                return 1
            }
        }
    }
    getCharCode:function(event){    //跨浏览器字符编码---charCode属性检测
        if(typeof event,charCode=="number"){
            return event.charCode;
        }else{
            return event.keyCode;
        }
    }
}

事件委托：事件处理程序过多的解决方案，减少内存并且提高性能；
模拟事件：这个比较复杂，要慢慢研究；