事件名	事件描述
onclick	當(dāng)鼠標(biāo)單擊某個(gè)元素
ondblclick	當(dāng)鼠標(biāo)雙擊某個(gè)元素
onmousedown	當(dāng)鼠標(biāo)按鍵在某個(gè)元素上按下
onmouseup	當(dāng)鼠標(biāo)按鍵在某個(gè)元素上松開(kāi)
onmousemove	當(dāng)鼠標(biāo)按鍵在某個(gè)元素上移動(dòng)
onmouseenter	當(dāng)鼠標(biāo)移動(dòng)到某個(gè)元素上（進(jìn)入到某個(gè)元素區(qū)域時(shí)）
onmouseleave	當(dāng)鼠標(biāo)離開(kāi)某個(gè)元素

其中onmouseenter與onmouseover類(lèi)似，onmouseleave與onmouseout類(lèi)似；

它們兩者的區(qū)別：onmouseenter與onmouseleave事件不支持冒泡，另外兩個(gè)支持事件冒泡；

所以，onmouseenter與onmouseleave搭配使用，onmouseover與onmouseout搭配使用

2.3) 常見(jiàn)的鍵盤(pán)事件監(jiān)聽(tīng)

事件名	事件描述
onkeypress	當(dāng)鍵盤(pán)上的某個(gè)按鍵被按下（系統(tǒng)按鍵無(wú)法識(shí)別 e.g.，F(xiàn)1 這類(lèi)的按鍵）
onkeydown	當(dāng)鍵盤(pán)上的某個(gè)按鍵被按下（系統(tǒng)按鍵可以識(shí)別，并且先于`onkeypress`發(fā)生）
onkeyup	當(dāng)鍵盤(pán)上的某個(gè)按鍵被松開(kāi)

2.4) 常見(jiàn)的表單事件監(jiān)聽(tīng)

事件名	事件描述
oninput	當(dāng)用于正在修改表單域的內(nèi)容
onchange	當(dāng)用戶改變了表單域的內(nèi)容
onfocus	當(dāng)元素獲得焦點(diǎn) （e.g.，`tab`鍵或鼠標(biāo)點(diǎn)擊）
onblur	當(dāng)元素失去焦點(diǎn)
onsubmit	當(dāng)表單被提交
onreset	當(dāng)表單被重置

3. DOM2 級(jí)事件監(jiān)聽(tīng)

DOM2 級(jí)事件監(jiān)聽(tīng)：

EventTarget.addEventListener()方法將指定的監(jiān)聽(tīng)器注冊(cè)到EventTarget上，當(dāng)該對(duì)象觸發(fā)指定的事件時(shí)，指定的回調(diào)函數(shù)就會(huì)被執(zhí)行。

它有著幾種寫(xiě)法，想了解別的寫(xiě)法可以看看 MDN 官方文檔，這里介紹的寫(xiě)法如下：

type：表示監(jiān)聽(tīng)事件類(lèi)型的字符串
listener：事件監(jiān)聽(tīng)函數(shù)
useCapture：當(dāng)寫(xiě)true時(shí)，進(jìn)行的是事件捕獲階段，默認(rèn)為false，事件冒泡階段

EventTarget.addEventListener(type, listener, useCapture);

對(duì)于常用的type：即把常用的 DOM0 級(jí)的onxxx的on去掉后就可以了，即原來(lái)的事件名。

例如：

target.addEventListener('click', () => {
	console.log("我被點(diǎn)擊了");
});
// 這里第三個(gè)參數(shù)沒(méi)寫(xiě)，默認(rèn)監(jiān)聽(tīng)冒泡階段，如果要監(jiān)聽(tīng)捕獲階段，寫(xiě)上 true