javascript常用事件:click、dblclick、mouseup、mouseout、keypress、keydown、keyup、error、load、resize、unload、blur、change、focus、reset等。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
JavaScript 的一個基本特征就是事件驅動。所謂事件驅動,就是當用戶執(zhí)行了某種操作或 Javascript 和 html 交互后導致了某種狀態(tài)改變后,會因此而引發(fā)一系列程序的響應執(zhí)行。在這里,用戶的操作稱為事件,程序對事件作出的響應稱為事件處理。
事件處理,是指程序對事件作出的響應。事件,對 JavaScript 來說,就是用戶與 Web 頁面交互時產生的操作或 Javascript 和 html 交互后導致發(fā)生變化某種狀態(tài)的事情,比如移動鼠標、按下某個鍵、單擊按鈕等操作以及表示 Ajax 的工作狀態(tài)發(fā)生變化、表示動畫已經(jīng)完成運行等。事件處理中涉及的程序稱為事件處理程序。事件處理程序通常定義為函數(shù)。
在 Web 頁面中產生事件的界面元素,稱為事件源。在不同事件源上可以產生相同類型的事件,同一個事件源也可以產生不同類型的事件。JS 程序通過指明事件類型和事件源,并對事件源綁定事件處理程序,這樣,一旦事件源發(fā)生指定類型的事件,瀏覽器就會調用事件源所綁定的處理程序進行事件處理。所以事件處理涉及的工作包括事件處理程序的定義及其綁定。
在 Web 頁面中,用戶可進行的操作有很多,而每一種操作都將產生一個事件。下面給大家介紹一下javascript常用事件。
事件 | 描述 | |
---|---|---|
鼠標事件 | click | 用戶單擊鼠標時觸發(fā)此事件 |
dblclick | 用戶雙擊鼠標時觸發(fā)此事件 | |
mousedown | 用戶按下鼠標時觸發(fā)此事件 | |
mouseup | 用戶按下鼠標后松開鼠標時觸發(fā)此事件 | |
mouseover | 當用戶將鼠標的光標移動到某對象范圍的上方時觸發(fā)此事件 | |
mousemove | 用戶移動鼠標時觸發(fā)此事件 | |
mouseout | 當用戶鼠標的光標離開某對象范圍時觸發(fā)此事件 | |
mousewheel | 當滾動鼠標滾輪時發(fā)生此事件,只針對 IE 和 Chrome 有效 | |
DOMMouseScroll | 當滾動鼠標滾輪時發(fā)生此事件,針對標準瀏覽器有效 | |
鍵盤事件 | keypress | 當用戶鍵盤上的某個字符鍵被按下時觸發(fā)此事件 |
keydown | 當用戶鍵盤上某個按鍵被按下時觸發(fā)此事件 | |
keyup | 當用戶鍵盤上某個按鍵被按下后松開時觸發(fā)此事件 | |
窗口事件 | error | 加載文件或圖像發(fā)生錯誤時觸發(fā)此事件 |
load | 頁面內容加載完成時觸發(fā)此事件 | |
resize | 當瀏覽器的窗口大小被改變時觸發(fā)此事件 | |
unload | 當前頁面關閉或退出時觸發(fā)此事件 | |
表單事件 | blur | 當表單元素失去焦點時觸發(fā)此事件 |
click | 用戶單擊復選框、單選框、普通按鈕、提交按鈕和重置按鈕等按鈕時觸發(fā)此事件 | |
change | 表單元素的內容發(fā)生改變并且元素失去焦點時觸發(fā)此事件 | |
focus | 當表單元素獲得焦點時觸發(fā)此事件 | |
reset | 用戶單擊表單上的重置按鈕時觸發(fā)此事件 | |
select | 用戶選擇了一個 input 或 textarea 表單元素中的文本時觸發(fā)此事件 | |
submit | 用戶單擊提交按鈕提交表單時觸發(fā)此事件 |
【