1. 什么是事件監(jiān)聽 ？

事件監(jiān)聽就是計算機對事件進行監(jiān)聽，知道什么時候發(fā)生了這個事件，從而執(zhí)行一些寫好的程序。

那么，它的常用方法有哪些呢 ？讓我們一起來看看吧 ！

2. DOM0 級事件監(jiān)聽

DOM0 級事件監(jiān)聽：

給元素設置它們的onxxx屬性（e.g., onclick）

對于 DOM0 級事件監(jiān)聽 ，它只能監(jiān)聽冒泡階段

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

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

其中onmouseenter與onmouseover類似，onmouseleave與onmouseout類似；

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

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

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

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

3. DOM2 級事件監(jiān)聽

DOM2 級事件監(jiān)聽：

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

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

• type：表示監(jiān)聽事件類型的字符串
• listener：事件監(jiān)聽函數(shù)
• useCapture：當寫true時，進行的是事件捕獲階段，默認為false，事件冒泡階段

EventTarget.addEventListener(type, listener, useCapture);

對于常用的type：即把常用的 DOM0 級的onxxx的on去掉后就可以了，即原來的事件名。

例如：

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

總結(jié)

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內(nèi)容!     

最新評論