JavaScript事件監聽函數是JavaScript語言中的一個重要概念，用于控制瀏覽器窗口的響應。JavaScript事件監聽函數也常被稱為“事件處理器”，它可以捕捉頁面元素的行為，實時監測事件，快速響應用戶的操作。例如，當用戶單擊頁面上的按鈕或鏈接時，JavaScript事件監聽函數會立即執行。

JavaScript事件監聽函數常用的方法有兩種：直接綁定DOM元素的事件處理函數和利用事件委托的方式。其中，直接綁定DOM元素的事件處理函數是將事件監聽器直接綁定到元素上，而事件委托則是將事件監聽器綁定到元素的父元素上，通過“事件冒泡”的特性實現對子元素的監聽。

// 直接綁定DOM元素的事件處理函數
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('Hello World!');
}
// 利用事件委托的方式
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.onclick = function(e){
var e = e || window.event;
var target = e.target || e.srcElement;
if(target===child){
alert('Hello World!');
}
}

除了直接綁定DOM元素的事件處理函數和利用事件委托的方式外，還可以使用addEventListener()方法添加事件監聽器。addEventListener()方法有三個參數：事件類型、事件處理程序和一個布爾值（可選參數）。布爾值為true表示在捕獲階段執行事件處理程序，默認為false。

// addEventListener()方法添加事件監聽器
var btn = document.getElementById('btn');
btn.addEventListener('click', function(){
alert('Hello World!');
}, false);

在使用JavaScript事件監聽函數時，有一些需要注意的點。例如，JavaScript事件監聽函數不能在頁面加載時胡亂調用，否則會導致瀏覽器內存飆升，效率低下。此外，JavaScript事件監聽函數中的this指向的是事件對象，而非調用它的元素。因此，在事件監聽器中使用this時一定要小心。

最后，需要特別注意的一點是：JavaScript事件監聽器是不會覆蓋已經存在的事件監聽器。因此，當你想給一個元素添加多個事件監聽器時，可以使用addEventListener()方法，而不是直接覆蓋掉已存在的事件監聽器。