1、event對(duì)象：

屬性和方法：
屬性：
    button:判斷按鼠標(biāo)上的哪個(gè)鍵
        0：沒有按鍵
        1：左鍵
        2：右鍵
        3：中間鍵

    altKey:alt鍵 true    false
    ctrlKey：
    shiftKey：
    
    clientX/clientY:可視區(qū)域的坐標(biāo)
    
    offsetX/offsetY:源元素的坐標(biāo)
    
    pageX/pageY/x/y:整個(gè)頁面的坐標(biāo)
    
    screenX/screenY:相對(duì)于屏幕的坐標(biāo)
    
    keyCode:返回鍵盤上對(duì)應(yīng)的值
    
    target/srcElement:觸發(fā)事件的對(duì)象
    
方法：
    addEventListener():添加監(jiān)聽事件
        btn.addEventListener('事件的類型',函數(shù)名,true/false)
        btn.addEventListener('click',function(){
            this.style.background = "yellow"
        })
        
        btn.addEventListener('click',fun)
        function fun(){
            this.style.background = "yellow"
        }
        可以添加多個(gè)事件，不會(huì)被覆蓋

    removeEventListener():刪除監(jiān)聽事件

        btn.removeEventListener()

        如果添加到監(jiān)聽函數(shù)是匿名的話就刪除不了
    
    preventDefault():阻止默認(rèn)事件

    stopPropagation():阻止冒泡
    
dom2級(jí)事件：
    事件流：
    事件冒泡：從里往外false，默認(rèn)false
    事件捕獲：從外往里true
    阻止事件冒泡：
        btn.addEventListener('click',function(event){
            var e = evrnt || window.event
            //this.style.border = "1px red solid";
            e.stopPropagation();
        })
    阻止默認(rèn)事件：
        a   submit
        a.onclick=function(event){
            var e = evrnt || window.event
            //this.style.border = "1px red solid";
            e.preventDefault();
        }