這兩天復習了DOM事件綁定，記錄一下，便於復習學習。

1 事件處理程序
　　1.1 HTML事件處理程序：直接寫在html中，和html不解耦，修改麻煩
　　1.2 DOM0級事件處理程序：不寫在html中，在script中獲取對象在添加事件。修改的時候稍微方便一點

　　1.3 DOM2級事件處理程序：定義了兩個方法用於處理指定和刪除事件處理程序的操作：addEventListener()和removeEventListener()都包含三個參數，要處理的事件名，作為事件處理程序的函數和布爾值（true表示在捕獲階段執行，false表示在冒泡階段執行）

　　1.4 IE事件處理程序。兩個方法：attachEvent()和detachEvent()。接收兩個參數，事件處理程序的名稱和事件處理程序的函數。

2.事件對象

　　2.1 DOM中的事件對象

　　　　2.1.1 type屬性用於獲取事件類型

　　　　2.1.2 target屬性用於獲取事件目標

　　　　2.1.3 stopPropagation()方法用於阻止事件冒泡

　　　　2.1.4 preventDefault()用於阻止事件的默認行為

　　2.2 IE事件對象

　　　　2.2.1 type屬性用於獲取事件類型

　　　　2.2.2 srcElement屬性用於獲取事件目標

　　　　2.2.3 cancleBubble屬性用於阻止冒泡，設為true表示阻止事件冒泡，false為不阻止事件冒泡

　　　　2.2.4 returnValue屬性，用於阻止事件的默認行為，設為false表示阻止事件的默認行為

3.鼠標有關

　　3.1 onmousedown()鼠標任何形式的按下

　　3.2 onmousemove()鼠標移動

　　3.3 clientX,clientY 通過事件對象獲取的當前鼠標x，y指針坐標

測試用例代碼：詳細代碼見 https://github.com/renxinrx/DOM

封裝 了 一個對象until。裏面包含幾個方法：

getElementsByClass() 是通過類名來獲取對象，因為HTML DOM的getElementsByClassName不兼容ie9以下；

addEvent() 綁定事件方法，兼容所有瀏覽器；

removeEvent()解除綁定事件，兼容所有瀏覽器；

getEvent() 獲取事件對象event。

封裝對象，包含幾個常用方法