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