Event 物件代表事件的狀態，比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鈕的狀態。事件通常與函式結合使用，函式不會在事件發生前被執行！

事件分為三個階段：   事件捕獲 -->  事件目標 -->  事件冒泡 
事件捕獲：事件發生時（onclick,onmouseover……）首先發生在document上，然後依次傳遞給body......最後到達目的節點（即事件目標）。
事件冒泡：事件到達事件目標之後不會結束，會逐層向上冒泡，直至document物件，跟事件捕獲相反

1、事件控制代碼　(Event Handlers)
  HTML4.0的新特性之一是能夠使HTML事件觸發瀏覽器中的行為，比如當用戶點選某個HTML元素時啟動一段JavaScript。下面是一個屬性列表，可將之插入 HTML 標籤以定義事件的行為。

2、滑鼠 / 鍵盤屬性

IE瀏覽器擁有不同的引數:

6、IE相容相關

6.1 註冊與移除事件監聽器

1）addEventListener(event.type, handle, boolean);IE8及以下不支援，屬於DOM2級的方法，可新增多個方法不被覆蓋

//事件型別沒有on，false 表示在事件第三階段（冒泡）觸發，true表示在事件第一階段（捕獲）觸發。 如果handle是同一個方法，只執行一次。
ele.addEventListener('click', function(){ }, false);  
//解綁事件，引數和繫結一樣
ele.removeEventListener(event.type, handle, boolean);

2）attachEvent(event.type, handle ); IE特有，相容IE8及以下，可新增多個事件處理程式，只支援冒泡階段

//如果handle是同一個方法，繫結幾次執行幾次，這點和addEventListener不同,事件型別要加on,例如onclick而不是click
ele.attachEvent('onclick', function(){ }); 
//解綁事件，引數和繫結一樣
ele.detachEvent("onclick", function(){ });

3）接下來我們把事件繫結以及事件解綁封裝成為一個函式，相容瀏覽器，包括IE6及以上

// 事件繫結
function addEvent(element, eType, handle, bol) {
    if(element.addEventListener){           //如果支援addEventListener
        element.addEventListener(eType, handle, bol);
    }else if(element.attachEvent){          //如果支援attachEvent
        element.attachEvent("on"+eType, handle);
    }else{                                  //否則使用相容的onclick繫結
        element["on"+eType] = handle;
    }
}

// 事件解綁
function removeEvent(element, eType, handle, bol) {
    if(element.addEventListener){
        element.removeEventListener(eType, handle, bol);
    }else if(element.attachEvent){
        element.detachEvent("on"+eType, handle);
    }else{
        element["on"+eType] = null;
    }
}

6.2 阻止事件傳遞後的預設處理

1）event.preventDefault( ); 阻止通過 addEventListener( )新增的事件的預設事件（DOM標準）

element.addEventListener("click", function(e){
    var event = e || window.event;
    ……
    event.preventDefault( );      //阻止預設事件
},false);

2）event.returnValue = false; 阻止通過 attachEvent( ) 新增的事件的預設事件（IE）

element.attachEvent("onclick", function(e){
    var event = e || window.event;
    ……
    event.returnValue = false;       //阻止預設事件
},false);

6.3 取消瀏覽器的事件傳遞