javascript中的事件監(jiān)聽有哪些

這篇文章主要介紹了javascript中的事件監(jiān)聽有哪些的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇javascript中的事件監(jiān)聽有哪些文章都會(huì)有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站與策劃設(shè)計(jì),大余網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:大余等地區(qū)。大余做網(wǎng)站價(jià)格咨詢:18982081108

什么是“事件監(jiān)聽”

DOM允許我們書寫JS代碼，來讓HTML元素對事件作出反應(yīng)；

事件：用戶與網(wǎng)頁的交互動(dòng)作；eg：點(diǎn)擊網(wǎng)頁；

監(jiān)聽：是為了讓計(jì)算機(jī)隨時(shí)能夠發(fā)現(xiàn)這個(gè)事件發(fā)生了，從而執(zhí)行程序員預(yù)先編寫的一些程序；

設(shè)置事件監(jiān)聽的方法主要有onxxx和addEventListener()兩種；

最簡單的設(shè)置事件監(jiān)聽的方法

設(shè)置它們的onxxx屬性；

oBox.onclick = function () {
    // 點(diǎn)擊盒子時(shí)，將執(zhí)行這里的語句
}

常見的鼠標(biāo)事件監(jiān)聽

事件名	事件描述
onclick	當(dāng)鼠標(biāo)單機(jī)某個(gè)對象
ondblclick	當(dāng)鼠標(biāo)雙擊某個(gè)對象
onmousedown	當(dāng)某個(gè)鼠標(biāo)按鍵在某個(gè)對象上被按下
onmouseup	當(dāng)某個(gè)鼠標(biāo)按鍵在某個(gè)對象上被松開
onmousemove	當(dāng)某個(gè)鼠標(biāo)按鍵在某個(gè)對象上被移動(dòng)
onmouseenter	當(dāng)鼠標(biāo)進(jìn)入某個(gè)對象（相似事件onmouseover）
onmouseleave	當(dāng)鼠標(biāo)離開某個(gè)對象（相似事件onmouseout）

常見的鍵盤事件監(jiān)聽

事件名	事件描述
onkeypress	當(dāng)某個(gè)鍵盤的鍵被按下（系統(tǒng)按鈕，如箭頭鍵和功能鍵無法得到識別）
onkeydown	當(dāng)某個(gè)鍵盤的鍵被按下（系統(tǒng)按鈕可以識別，并且會(huì)先于onkeypress發(fā)生）
onkeyup	當(dāng)某個(gè)鍵盤的鍵被松開

常見的表單事件監(jiān)聽

事件名	事件描述
onchange	當(dāng)用戶改變某個(gè)表單域的內(nèi)容時(shí)，會(huì)觸發(fā)
onfocus	當(dāng)某元素獲得焦點(diǎn)（比如tab鍵或鼠標(biāo)點(diǎn)擊）
onblur	當(dāng)某元素失去焦點(diǎn)
onsubmit	當(dāng)表單被提交
onreset	當(dāng)表單被重置

常見的頁面事件監(jiān)聽

事件名	事件描述
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)聽冒泡階段

注意事項(xiàng)

• 最內(nèi)部的元素不再區(qū)分捕獲和冒泡階段，會(huì)先執(zhí)行寫在前面的監(jiān)聽，然后執(zhí)行后寫的監(jiān)聽；

• 如果給元素設(shè)置相同的兩個(gè)或多個(gè)同名事件，則DOM0級寫法后面寫的會(huì)覆蓋先寫的；而DOM2級會(huì)按順序執(zhí)行；

關(guān)于“javascript中的事件監(jiān)聽有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“javascript中的事件監(jiān)聽有哪些”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享名稱：javascript中的事件監(jiān)聽有哪些
文章地址：http://muchs.cn/article8/gddsip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站策劃、靜態(tài)網(wǎng)站、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)