DOM之事件（二）

今天詳細講解JavaScript中的常用事件類型和功能。

一　　　　滑鼠事件

　　1，  click：點擊事件

　　等同於mousedown+mouseup，不管這兩個事件間隔多久，都會觸發一次click事件。

　　2，  mousedown：滑鼠按下事件

　　3，  mouseup：滑鼠彈起事件

　　4，  mouseover/mouseenter：滑鼠移入事件

　　5，  mouseout/mouseleave：滑鼠移出事件

　　　　註意：ES5添加的mouseenter和mouseleave阻止了事件冒泡。

　　6，  mouseover：滑鼠移動事件

　　7，  contextmenu：右鍵出現菜單事件

　　小技巧：通過事件對象的button屬性可以判斷滑鼠左右鍵，0：左鍵；1滾輪；2,：右鍵。另外，click事件只能由左鍵觸發，只有mousedown和mouseup可以觸發右鍵點擊事件。

二　　　　鍵盤事件

         1，keydown：按鍵按下事件

　　　　可以檢測所有按鍵，但不會返回字元編碼。

         2，keypress：按鍵按下事件

　　　　只能響應字元類按鍵，可以返回字元的編碼，charCode屬性。

         3，keyup：按鍵彈起事件

三　　　　輸入框事件

　　1，  input

　　每輸入一次就會觸發一次，即只要輸入框的內容有變化都會觸發該事件。

　　2，  change

　　聚焦和失去焦點兩個時刻內容不同才觸發。

　　3，  focus，獲取焦點

　　當輸入框獲取焦點時觸發

　　4，  blur，失去焦點

　　當輸入框失去焦點時觸發

　　DOM事件處理函數的綁定和使用與click事件基本一致，本篇就不一一舉例了。使用時註意他們的特點即可。