JavaScript是基於對象的語言。它的一個最基本的特征就是采用事件驅動。事件是某些動作發生時產生的信號,這些事件隨時都可能發生。引起事件發生的動作稱之為觸發事件,例如,當鼠標指針經過某個按鈕、用戶單擊瞭某個鏈接、用戶選中瞭某個復選框、用戶在文本框中輸入某些信息時,都會觸發相應的事件。
為瞭便於讀者查找JavaScript中的常用事件,下面以表格的形式對各事件進行說明,如表9.3所示。
表9.3 JavaScript中的常用事件 www.aiwalls.com
狀 態 | 事 件 | 說 明 |
表單相關事件 | onblur | 當前元素失去焦點時觸發此事件 |
onchange | 當前元素失去焦點並且元素的內容發生改變時觸發此事件 | |
onfocus | 當某個元素獲得焦點時觸發此事件 | |
onreset | 當表單中reset的屬性被激活時觸發此事件 | |
onsubmit | 一個表單被遞交時觸發此事件 | |
滾動字幕事件 | onbounce | 在Marquee內的內容移動至Marquee顯示范圍之 外時觸發此事件 |
onfinish | 當Marquee元素完成需要顯示的內容後觸發此事件 | |
onstart | 當Marquee元素開始顯示內容時觸發此事件 |
續表
狀 態 | 事 件 | 說 明 |
鼠標鍵盤事件 | onclick | 鼠標單擊時觸發此事件 |
ondblclick | 鼠標雙擊時觸發此事件 | |
onmousedown | 按下鼠標時觸發此事件 | |
onmouseup | 鼠標按下後松開鼠標時觸發此事件 | |
onmouseover | 當鼠標移動到某對象范圍的上方時觸發此事件 | |
onmousemove | 鼠標移動時觸發此事件 | |
onmouseout | 當鼠標離開某對象范圍時觸發此事件 | |
onkeypress | 當鍵盤上的某個鍵被按下並且釋放時觸發此事件 | |
onkeydown | 當鍵盤上的某個按鍵被按下時觸發此事件 | |
onkeyup | 當鍵盤上的某個按鍵被按下後松開時觸發此事件 | |
頁面相關事件 | onabort | 圖片在下載時被用戶中斷時觸發此事件 |
onload | 頁面內容完成時觸發此事件(也就是頁面加載事件) | |
onresize | 當瀏覽器的窗口大小被改變時觸發此事件 | |
onunload | 當前頁面將被改變時觸發此事件 |
FF: Firefox, N: Netscape, IE: Internet Explorer
屬性 | 當以下情況發生時,出現此事件 | FF | N | IE |
onabort | 圖像加載被中斷 | 1 | 3 | 4 |
onblur | 元素失去焦點 | 1 | 2 | 3 |
onchange | 用戶改變域的內容 | 1 | 2 | 3 |
onclick | 鼠標點擊某個對象 | 1 | 2 | 3 |
ondblclick | 鼠標雙擊某個對象 | 1 | 4 | 4 |
onerror | 當加載文檔或圖像時發生某個錯誤 | 1 | 3 | 4 |
onfocus | 元素獲得焦點 | 1 | 2 | 3 |
onkeydown | 某個鍵盤的鍵被按下 | 1 | 4 | 3 |
onkeypress | 某個鍵盤的鍵被按下或按住 | 1 | 4 | 3 |
onkeyup | 某個鍵盤的鍵被松開 | 1 | 4 | 3 |
onload | 某個頁面或圖像被完成加載 | 1 | 2 | 3 |
onmousedown | 某個鼠標按鍵被按下 | 1 | 4 | 4 |
onmousemove | 鼠標被移動 | 1 | 6 | 3 |
onmouseout | 鼠標從某元素移開 | 1 | 4 | 4 |
onmouseover | 鼠標被移到某元素之上 | 1 | 2 | 3 |
onmouseup | 某個鼠標按鍵被松開 | 1 | 4 | 4 |
onreset | 重置按鈕被點擊 | 1 | 3 | 4 |
onresize | 窗口或框架被調整尺寸 | 1 | 4 | 4 |
onselect | 文本被選定 | 1 | 2 | 3 |
onsubmit | 提交按鈕被點擊 | 1 | 2 | 3 |
onunload | 用戶退出頁面 | 1 | 2 | 3 |
摘自 塗劍凱的專欄