這篇文章主要介紹了javascript中的事件監(jiān)聽有哪些的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇javascript中的事件監(jiān)聽有哪些文章都會有所收獲，下面我們一起來看看吧。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計、成都做網(wǎng)站與策劃設(shè)計,大余網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:大余等地區(qū)。大余做網(wǎng)站價格咨詢:18982081108
DOM允許我們書寫JS代碼，來讓HTML元素對事件作出反應(yīng)；
事件：用戶與網(wǎng)頁的交互動作；eg：點擊網(wǎng)頁；
監(jiān)聽：是為了讓計算機隨時能夠發(fā)現(xiàn)這個事件發(fā)生了，從而執(zhí)行程序員預(yù)先編寫的一些程序；
設(shè)置事件監(jiān)聽的方法主要有onxxx和addEventListener()兩種；
設(shè)置它們的onxxx屬性；
重慶分公司
重慶分公司
oBox.onclick = function () {
// 點擊盒子時，將執(zhí)行這里的語句
}| 事件名 | 事件描述 |
|---|---|
| onclick | 當(dāng)鼠標(biāo)單機某個對象 |
| ondblclick | 當(dāng)鼠標(biāo)雙擊某個對象 |
| onmousedown | 當(dāng)某個鼠標(biāo)按鍵在某個對象上被按下 |
| onmouseup | 當(dāng)某個鼠標(biāo)按鍵在某個對象上被松開 |
| onmousemove | 當(dāng)某個鼠標(biāo)按鍵在某個對象上被移動 |
| onmouseenter | 當(dāng)鼠標(biāo)進入某個對象（相似事件onmouseover） |
| onmouseleave | 當(dāng)鼠標(biāo)離開某個對象（相似事件onmouseout） |
| 事件名 | 事件描述 |
|---|---|
| onkeypress | 當(dāng)某個鍵盤的鍵被按下（系統(tǒng)按鈕，如箭頭鍵和功能鍵無法得到識別） |
| onkeydown | 當(dāng)某個鍵盤的鍵被按下（系統(tǒng)按鈕可以識別，并且會先于onkeypress發(fā)生） |
| onkeyup | 當(dāng)某個鍵盤的鍵被松開 |
| 事件名 | 事件描述 |
|---|---|
onchange | 當(dāng)用戶改變某個表單域的內(nèi)容時，會觸發(fā) |
| onfocus | 當(dāng)某元素獲得焦點（比如tab鍵或鼠標(biāo)點擊） |
| onblur | 當(dāng)某元素失去焦點 |
| onsubmit | 當(dāng)表單被提交 |
| onreset | 當(dāng)表單被重置 |
| 事件名 | 事件描述 |
|---|---|
| onload | 當(dāng)頁面或圖像被完成加載 |
| onunload | 當(dāng)用戶退出頁面 |
先從外到內(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)聽；
如果給元素設(shè)置相同的兩個或多個同名事件，則DOM0級寫法后面寫的會覆蓋先寫的；而DOM2級會按順序執(zhí)行；
關(guān)于“javascript中的事件監(jiān)聽有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“javascript中的事件監(jiān)聽有哪些”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
