javaScript筆記（三）

 第九章：事件
1、DOM事件流
   DOM同時支援兩種事件模型：冒泡型事件，捕獲型事件。
   冒泡型事件：就是事件按照從最特定的事件目標最不特定的事件目標的順序觸發。
   捕獲型事件：就是相反的過程。
2.事件處理函數/監聽函數
   click,load,mouseover.....
   事件處理函數：用於響應某個事件調用的函數。DOM稱之為事件監聽函數。
   兩種分配方式：在javaScript中或者HTML中。
   javaScript中：
    var oDiv = document.getElementById("div1");
    oDiv.onclick = function(){
         alert("I was clicked");
    }
    HTML中：
    <div onclick="alert("I was click")"></div>

3.IE中，每個元素和window對象都有這兩個方法：
   attachEvent():添加處理函數。
   detachEvent():移除處理函數。
4.DOM
   addEventListener():分配處理函數。
   removeEvetListener();移除處理函數。
   例如：
      [object].addEventListeners("click",fnClick,false);
      var fnClick = function(){
          alert("Clicked");
      }
5.事件對象
    引起事件的對象。
    事件發生時滑鼠的資訊。
    事件發生時鍵盤的資訊。
6.定位
    事件對象event
   

    擷取事件類型：oEvent.type
    擷取按鍵代碼：keydown,keyup  可以使用oEvent.keycode;獲得按鍵代碼
    
7.事件的類型：
    滑鼠事件： click,dbclick,mousedown,mouseover....
    鍵盤事件： keydown,keypress,keyup..
    HTmL事件： load,error,change,submit,resize,focus,blur....
    突變事件：