事件監聽器

「Dom2級事件」定義了兩個方法，用於處理指定和刪除事件處理程序的操做：addEventListener()和removeEventListener(),包括三個參數（type,listener,boolener);

若是第三個參數爲false，事件會在冒泡階段調用事件處理程序，若是爲true，則會在事件捕獲階段調用程序

<ul id="tr">
    <li>111111</li>
    <li>111111</li>
    <li>111111</li>
    <li>111111</li>
  </ul>

var oul = document.getElementById("tr");
      oul.addEventListener("click", function () {
          alert(this.id);
      },false)

html不變，調用下removeEventListener();

var oul = document.getElementById("tr");
      oul.addEventListener("click", function () {
          alert(this.id);
      },false)

//省略好多代碼！
oul.removeEventListener("click", function () {
       alert(this.id);
    },false)//無效

有效方法是什麼？

var handler = function(){
alert(this.id);
}
oul.addEventListener("click",handler,false);
//省略好多代碼
oul.removeEventListener(:click",handler,false);//有效

在IE下的方法是attachEvent()和detachEvent(),html不變

var oul = document.getElementById("tr");
    if (oul.addEventListener) {
      oul.addEventListener("click", function () {
          alert(this.id);
      },false)
      }else{
      oul.attachEvent("onclick",function () {
         alert("1");
      })
    }