DOM0和DOM2事件处理程序对比

1、DOM0

      至今所有的浏览器支持，原因：简单；跨浏览器的优势。

     

var btn = document.getElementById("myBtn");
btn.onclick = function(){ alert(this.id);}




2、DOM2

  

定义了addEventListener()和removeEventListener() ，接收三个参数


var btn = document.getElementById("myBtn");
btn.addEventListener("click",function(){
      alert(this.id);
},true);

第三个参数true 表示的是在捕获阶段调用时间处理程序（建议）；false表示的是冒泡阶段处理程序。



大多数情况下，都是将事件的处理程序添加到事件流的冒泡阶段，这样可以最大限度的兼容各种浏览器