本篇內容介紹了“javascript有哪些常用事件”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
javascript常用事件:click、dblclick、mouseup、mouseout、keypress、keydown、keyup、error、load、resize、unload、blur、change、focus、reset等。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript 的一個基本特征就是事件驅動。所謂事件驅動,就是當用戶執行了某種操作或 Javascript 和 html 交互后導致了某種狀態改變后,會因此而引發一系列程序的響應執行。在這里,用戶的操作稱為事件,程序對事件作出的響應稱為事件處理。
事件處理,是指程序對事件作出的響應。事件,對 JavaScript 來說,就是用戶與 Web 頁面交互時產生的操作或 Javascript 和 html 交互后導致發生變化某種狀態的事情,比如移動鼠標、按下某個鍵、單擊按鈕等操作以及表示 Ajax 的工作狀態發生變化、表示動畫已經完成運行等。事件處理中涉及的程序稱為事件處理程序。事件處理程序通常定義為函數。
在 Web 頁面中產生事件的界面元素,稱為事件源。在不同事件源上可以產生相同類型的事件,同一個事件源也可以產生不同類型的事件。JS 程序通過指明事件類型和事件源,并對事件源綁定事件處理程序,這樣,一旦事件源發生指定類型的事件,瀏覽器就會調用事件源所綁定的處理程序進行事件處理。所以事件處理涉及的工作包括事件處理程序的定義及其綁定。
在 Web 頁面中,用戶可進行的操作有很多,而每一種操作都將產生一個事件。下面給大家介紹一下javascript常用事件。
| 事件 | 描述 | |
|---|---|---|
| 鼠標事件 | click | 用戶單擊鼠標時觸發此事件 |
| dblclick | 用戶雙擊鼠標時觸發此事件 | |
| mousedown | 用戶按下鼠標時觸發此事件 | |
| mouseup | 用戶按下鼠標后松開鼠標時觸發此事件 | |
| mouseover | 當用戶將鼠標的光標移動到某對象范圍的上方時觸發此事件 | |
| mousemove | 用戶移動鼠標時觸發此事件 | |
| mouseout | 當用戶鼠標的光標離開某對象范圍時觸發此事件 | |
| mousewheel | 當滾動鼠標滾輪時發生此事件,只針對 IE 和 Chrome 有效 | |
| DOMMouseScroll | 當滾動鼠標滾輪時發生此事件,針對標準瀏覽器有效 | |
| 鍵盤事件 | keypress | 當用戶鍵盤上的某個字符鍵被按下時觸發此事件 |
| keydown | 當用戶鍵盤上某個按鍵被按下時觸發此事件 | |
| keyup | 當用戶鍵盤上某個按鍵被按下后松開時觸發此事件 | |
| 窗口事件 | error | 加載文件或圖像發生錯誤時觸發此事件 |
| load | 頁面內容加載完成時觸發此事件 | |
| resize | 當瀏覽器的窗口大小被改變時觸發此事件 | |
| unload | 當前頁面關閉或退出時觸發此事件 | |
| 表單事件 | blur | 當表單元素失去焦點時觸發此事件 |
| click | 用戶單擊復選框、單選框、普通按鈕、提交按鈕和重置按鈕等按鈕時觸發此事件 | |
| change | 表單元素的內容發生改變并且元素失去焦點時觸發此事件 | |
| focus | 當表單元素獲得焦點時觸發此事件 | |
| reset | 用戶單擊表單上的重置按鈕時觸發此事件 | |
| select | 用戶選擇了一個 input 或 textarea 表單元素中的文本時觸發此事件 | |
| submit | 用戶單擊提交按鈕提交表單時觸發此事件 | |
“javascript有哪些常用事件”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。