DOM0，DOM2 级事件处理程序

DOM0 级事件处理程序

每个元素都有自己的事件处理程序属性，这些属性通常全部小写（例如，onclick，onreadystatechange...）。

DOM0 级事件处理程序即：将一个函数赋值给一个事件处理程序属性。这也被认为是元素的方法，这时候的事件处理程序是在元素的作用域中运行，换句话说，程序中的 this 引用的是当前元素。

例：

var btn = document.getElementById('mybtn');
btn.onclick = function(){...};

以这种方式添加的事件处理程序会在事件流的冒泡阶段被处理。

所有浏览器都支持这种方法，具有跨浏览器的优势。

DOM2 级事件处理程序

DOM2 级事件 定义了两个方法：addEventListener()、removeEventListener()。

例：

var btn = document.getElementById('mybtn');
btn.addEventListener('click',function(){
    alert(this.id);
},false);

使用 DOM2 级方法添加事件处理程序的好处是：可以添加多个事件处理程序。会按照添加的顺序 顺序执行事件处理程序。