溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了javascript中的事件監聽有哪些的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇javascript中的事件監聽有哪些文章都會有所收獲，下面我們一起來看看吧。
DOM允許我們書寫JS代碼，來讓HTML元素對事件作出反應；
事件：用戶與網頁的交互動作；eg：點擊網頁；
監聽：是為了讓計算機隨時能夠發現這個事件發生了，從而執行程序員預先編寫的一些程序；
設置事件監聽的方法主要有onxxx和addEventListener()兩種；
設置它們的onxxx屬性；
oBox.onclick = function () {
// 點擊盒子時，將執行這里的語句
}| 事件名 | 事件描述 |
|---|---|
| onclick | 當鼠標單機某個對象 |
| ondblclick | 當鼠標雙擊某個對象 |
| onmousedown | 當某個鼠標按鍵在某個對象上被按下 |
| onmouseup | 當某個鼠標按鍵在某個對象上被松開 |
| onmousemove | 當某個鼠標按鍵在某個對象上被移動 |
| onmouseenter | 當鼠標進入某個對象（相似事件onmouseover） |
| onmouseleave | 當鼠標離開某個對象（相似事件onmouseout） |
| 事件名 | 事件描述 |
|---|---|
| onkeypress | 當某個鍵盤的鍵被按下（系統按鈕，如箭頭鍵和功能鍵無法得到識別） |
| onkeydown | 當某個鍵盤的鍵被按下（系統按鈕可以識別，并且會先于onkeypress發生） |
| onkeyup | 當某個鍵盤的鍵被松開 |
| 事件名 | 事件描述 |
|---|---|
onchange | 當用戶改變某個表單域的內容時，會觸發 |
| onfocus | 當某元素獲得焦點（比如tab鍵或鼠標點擊） |
| onblur | 當某元素失去焦點 |
| onsubmit | 當表單被提交 |
| onreset | 當表單被重置 |
| 事件名 | 事件描述 |
|---|---|
| onload | 當頁面或圖像被完成加載 |
| onunload | 當用戶退出頁面 |
先從外到內（捕獲階段），然后再從內到外（冒泡階段）
而，onxxx這樣的寫法（DOM0級），只能監聽冒泡階段；所以需要用到addEventListener()方法（DOM2級）；
oBox1.addEventListener('click', function(){
// 這是事件處理函數
}, true) // true表示監聽捕獲階段，false表示監聽冒泡階段最內部的元素不再區分捕獲和冒泡階段，會先執行寫在前面的監聽，然后執行后寫的監聽；
如果給元素設置相同的兩個或多個同名事件，則DOM0級寫法后面寫的會覆蓋先寫的；而DOM2級會按順序執行；
關于“javascript中的事件監聽有哪些”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“javascript中的事件監聽有哪些”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
