天天看點

Javascript事件機制

在基于Javascript的網頁設計中,當頁面中的某些元素發生了某些事情的時候,Web 浏覽器就會産生一個事件(event)。如在頁面裡面的按鈕,點選之後浏覽器會産生一個事件。事件可以是使用者在某些内容上的點選,如某個Web頁面加載完成、使用者滾動視窗或改變視窗大小。Javascript會為特定文檔元素的特定類型的事件注冊一個事件處理程式(event handler),也就是一個Javascript函數或者一段代碼。浏覽器會監聽事件的發生,一旦發生特定事件,浏覽器就會調用該函數或者該代碼。簡而言之,事件機制就是通過特定的注冊機制,将函數綁定到特定元素的某個事件,在滿足一定條件的時候該函數被觸發,進而事件特定的功能。通過Javascript這種事件處理機制,可以友善地設計一些自定義的行為,進而增加網頁的互動并豐富網頁的内容。

常用的事件函數

用于響應某個事件而被調用的函數稱為事件函數。每一個事件均對應一個事件函數,在程式執行時,将相應的函數或語句指定給事件函數,則在該事件發生時,浏覽器便執行指定的函數或語句,進而實作網頁内容與使用者操作的互動。

常用的事件函數:滑鼠 、鍵盤操作、頁面加載、表單送出、獲得或失去焦點等。

常用的滑鼠事件:

onclick ——滑鼠單擊事件,多用在某個對象控制範圍内的滑鼠單擊

onDblClick ——滑鼠輕按兩下事件

onMouseDown ——滑鼠上的按鈕被按下了

onMouseUp ——滑鼠按鈕被按下後,松開時激發的事件

onMouseOver ——當滑鼠指針移動到某對象範圍的上方時觸發的事件

onMouseMove ——滑鼠移動時觸發的事件

onMouseOut ——當滑鼠指針離開某對象範圍時觸發的事件

常用的鍵盤操作事件:

onKeyPress ——當鍵盤上的某個按鍵被按下并且釋放時出發的事件

onKeyDown ——當鍵盤上的某個按鍵被按下時觸發的事件

onKeyUp ——當鍵盤上的某個按鍵被按下後再放開時觸發的事件

其他事件:

頁面加載、表單送出、焦點觸發等事件。

繼續閱讀