JavaScript是一個以事件驅動(Event-driven)的程式語言。事件驅動程式設計的主要流程,是由圖形化使用者操作介面(UI)的互動事件為主要核心,藉由事件的觸發動作(滑鼠點按、鍵盤輸入等等)或是感應器的訊息,來啟動整體的程式流程。
W3C標準中對於EventListener也有定義它是一個介面,作為事件監聽者之用,不過JavaScript語言在所有的函式中都有實作這個介面,所以事件監聽者在呼叫handleEvent(處理事件)方法時,相當於呼叫函式。EventListener(事件監聽者)或稱為事件處理函式,可以自動得到事件傳入參數值,以此可以存取得到事件的屬性與方法,例如以下的範例:
const me = document.getElementById('me')
me.addEventListener('click',
function(e){
console.log(e.currentTarget)
console.log(e.target)
console.log(e.type)
console.log(e.bubbles)
console.log(e.cancelable)
e.stopPropagation()
},
false)