事件函数事件兼容方法

本文纯属个人见解，是对前面学习的总结，如有描述不正确的地方还请高手指正~

    ie                      w3c
window.event     event
srcElement         target                     事件源
returnValue        preventDefault             取消给定事件的默许行为
cancelBubble       stopPropagation            停止事件冒泡
attachEvent        addEventListener           绑定多个事件
detachEvent        removeEventListener        移除多个事件

    
eg：

    每日一道理
翻开早已发黄的页张，试着寻找过去所留下的点点滴滴的足迹。多年前的好友似乎现在看来已变得陌生，匆忙之间，让这维持了多年的友谊变淡，找不出什么亲切感，只是偶尔遇上，淡淡地微笑，如今也只能在这发黄的页张中找寻过去的那些让人难忘的，至少我可以握住这仅剩下一段的“丝线头”……

    W3C addEventListener(事件，函数，尔布) removeEventListener(事件，函数，尔布)this作用域是前当素元
ie attachEvent(事件处理程序称名，函数)  detachEvent(); this作用域是window

btn.addEventListener("click",function(){alert(this.id)},false);
btn.addEventListener("click",function(){alert("hello")},false);
btn.removeEventListener()//不能移除名匿函数

//跨浏览器方法：
//取获事件对象
function getEvent(event){
    return event?event:window.event;

}
//得获事件源
function getTarget(event){
    return event.target||event.srcElement;
}
//取消默许行为
function preventDefault(event){
    if(event.preventDefault){
        event.preventDefault();
    }else{
        event.returnValue=false;
    
    }
}
//阻挠事件冒泡
function stopPropagation(event){
    if(event.stopPropagation){
        event.stopPropagation();
    }else{
        event.cancelBubble=true;
    }
}
//取获相干素元

function getRelatedTaarget(event){

    if(event.relatedTarget){
        return event.relatedTarget;
        
    }else if(event.toElement){//ie mouseout的相干素元
        return event.toElement
    
    }else if(event.fromElement){//ie mouseover的相干素元
        return event.fromElement
    
    }else{
        return null;
    }
}

文章结束给大家分享下程序员的一些笑话语录： 真正的程序员喜欢兼卖爆米花，他们利用CPU散发出的热量做爆米花，可以根据米花爆裂的速度听出正在运行什么程序。