事件就是用戶或者瀏覽器執行的某個動作，例如click，load，mouseover都是事件的名字。而相應某個事件的函數叫做事件處理程序。事件處理程序的名字以on開頭，例如onclick,onload。

每個元素支持的每種事件，都可以使用一個與響應事件處理程序同名的HTML特性來制定，這個特性的值應該是能夠執行的HTML代碼。

通過JavaScript指定事件處理程序的傳統方式，就是將一個函數賦值給一個事件處理程序屬性。

var btn = document.getElementById("btn")
btn.onclick = function() {
    alert("clicked")
}

使用Dom0級事件處理程序被認為是元素的方法，此時程序中的this會引用當前元素。同時以這種方式添加的事件處理程序會在冒泡階段被處理。

Dom2級事件定義了兩個方法，addEventListener()和removeEventListener(),所有的Dom節點中都包含著兩個方法，它們都是接受三個參數，要處理的事件名，事件處理函數，和一個布爾值（為true的時候表示在捕獲階段調用事件處理程序，false表示在冒泡階段調用事件處理程序）

var btn = document.getElementById("btn")
btn.addEventListener("click", function(){
    alert(this.value)    
}, false)

IE中實現了與DOM中類似的兩個方法，attachEvent()和detachEvent()。這兩個方法接受相同的參數，事件處理程序名稱，事件處理程序函數，由于在IE8以前不支持事件冒泡，所以事件處理程序函數會在冒泡階段執行。

var btn = document.getElementById("btn")
btn.attachEvent("ocClick", function() {
    alert("clicked")
})

此時在事件處理程序函數會在全局作用域中執行，也就是說此事的this是window。
同時如果為同一個元素同時添加了兩個不同的事件處理程序，這些事件處理程序并不是順序執行的而是以相反的順序被觸發。

在觸發Dom上的某個事件的時候，會產生一個事件對象event，這個對象包含著與事件有關的信息。

兼容Dom的瀏覽器會將一個event對象傳到事件處理程序中。

var btn = document.getElementById("btn")
btn.onclick = function(event) {
    alert(event.type)
}

當我們想要阻止某個事件的特定行為時可以使用event對象的preventDefault()方法，而stopPropagation()方法則用于立即停止事件在DOM中的傳播，即取消進一步的事件冒泡或者捕獲。

要訪問IE中的event對象有幾種不同的方式，在使用DOM0級方法添加事件處理程序時，event對象作為window對像的一個屬性存在。

var btn = document.getElementById("btn")
btn.onclick = function() {
    var event = window.event
    alert(event.type)
}

但是當我們用attachEvent的方式添加的，此時的event對象會被當作一個參數傳入事件處理程序中。當時此時也可以通過window對象來訪問event對象。
在event對象中有一個srcElement屬性，指向事件的目標對象，因為事件的處理程序的作用域是根據指定它的方式來確定的，所以this并不總是等于目標對象。此時為了保險起見，建議使用srcElement

btn.onclick = function() {
    alert(window.event.srcElement) === this; //ture
}
btn.attachEvent("onclick", function(event) {
    alert(event.srcElement === this); //false
})

Web瀏覽器中可能發生的事件類型有很多，不同的事件類型可能具有不同的信息。而DOM3級事件規定了一下幾類事件。

UI事件
UI事件指的是那些不一定與用戶操作有關的事件。比如load事件，當頁面完全加載后在window上面觸發，當圖片加載完畢在元素上觸發。以及腳本加載完畢在