1.什么是事件?
當(dāng)我們和瀏覽器中的web頁(yè)面進(jìn)行交互時(shí),這時(shí)就產(chǎn)生了事件。
事件能做什么?
答:我們可以監(jiān)聽某一種事件,來(lái)完成某一個(gè)動(dòng)作、目標(biāo)。
2.事件流
事件發(fā)生的順序,我們叫事件流。
分類:事件冒泡和事件捕獲
1事件冒泡: 事件先作用在目標(biāo)上,隨后作用在其父視圖上。
3. HTML? 0級(jí)事件
把監(jiān)聽事件寫在HTML中,這就是HTML 0級(jí)事件? 這種事件耦合性太高,不利于代碼的維護(hù)和修改。不建議使用。
DOM? 0級(jí)事件
把監(jiān)聽事件寫在js中,降低了耦合性。
DOM? 2級(jí)事件
添加句柄:添加事件
4.事件類型
窗口事件:只在body和frameset標(biāo)簽中生效
1.onload? ? :? 當(dāng)頁(yè)面被載入執(zhí)行時(shí),觸發(fā)onload事件
2.onunload? :? 當(dāng)離開頁(yè)面時(shí),觸發(fā)onunload事件
2.表單事件:僅在表單元素中生效
1.onchange? :? 當(dāng)表單元素值改變時(shí),觸發(fā)onchange事件
2.onsubmit? ? :? 當(dāng)點(diǎn)擊提交按鈕時(shí),觸發(fā)onsubmit事件。寫在form標(biāo)簽里或給form添加次事件。
3.onreset? ? ; 當(dāng)點(diǎn)擊重置按鈕時(shí),觸發(fā)onreset事件。寫在form標(biāo)簽里或給form添加次事件。
4.onblur? ? ? :? 當(dāng)元素失去焦點(diǎn)時(shí),觸發(fā)此事件。
5. onfoucs:? 當(dāng)元素獲取焦點(diǎn)時(shí),觸發(fā)此事件
3.圖像事件
1. onabort:當(dāng)圖片加載中斷時(shí),觸發(fā)此事件