JavaScript 事件監聽機制

• 概念：某些組件被執行了某些操作後，觸發某些代碼的執行。
  • 事件：某些操作。如： 單擊，雙擊，鍵盤按下了，鼠標移動了
  • 事件源：組件。如： 按鈕 文本輸入框…
  • 監聽器：代碼。
  • 註冊監聽：將事件，事件源，監聽器結合在一起。 當事件源上發生了某個事件，則觸發執行某個監聽器代碼。
• 常見的事件：

  1. 點擊事件：

     1. onclick：單擊事件
     2. ondblclick：雙擊事件

  2. 焦點事件

     1. onblur：失去焦點
     2. onfocus:元素獲得焦點。

  3. 加載事件：

     1. onload：一張頁面或一幅圖像完成加載。

  4. 鼠標事件：

     1. onmousedown 鼠標按鈕被按下。
     2. onmouseup 鼠標按鍵被鬆開。
     3. onmousemove 鼠標被移動。
     4. onmouseover 鼠標移到某元素之上。
     5. onmouseout 鼠標從某元素移開。

  5. 鍵盤事件：

     1. onkeydown 某個鍵盤按鍵被按下。
     2. onkeyup 某個鍵盤按鍵被鬆開。
     3. onkeypress 某個鍵盤按鍵被按下並鬆開。

  6. 選擇和改變

     1. onchange 域的內容被改變。
     2. onselect 文本被選中。

  7. 表單事件：

     1. onsubmit 確認按鈕被點擊。
     2. onreset 重置按鈕被點擊。
• Event對象的獲取：在綁定監聽器的時候定義一個形參來接收。
  • 示例：

 btn.onclick = function(event){
 	alert(event);
 }

更多請參考：HTML DOM Event 對象