事件

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ā)此事件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,628評(píng)論 2 10
  • 事件:就是網(wǎng)頁(yè)瀏覽者或者瀏覽器所作出的某些操作 如點(diǎn)擊鼠標(biāo) 敲擊鍵盤 刷新頁(yè)面事件處理程序 所謂事件處理程序就是...
    月光在心中閱讀 212評(píng)論 0 0
  • 第1章 鼠標(biāo)事件 1-1 jQuery鼠標(biāo)事件之click與dbclick事件 用交互操作中,最簡(jiǎn)單直接的操作就是...
    mo默22閱讀 1,295評(píng)論 0 6
  • 儲(chǔ)蓄投資:與復(fù)利做朋友 讀書學(xué)習(xí):升級(jí)自己的認(rèn)知 投資自己:找到并提升核心競(jìng)爭(zhēng)力
    銀河系星人閱讀 290評(píng)論 0 0
  • 在這個(gè)VUCA時(shí)代,太多的不確定因素,讓我們?cè)絹?lái)越缺乏安全感,內(nèi)心的恐懼和不安,大都來(lái)源于內(nèi)心的不自信。我希望通過...
    沈魚2009閱讀 1,184評(píng)論 0 4