AddEventListener (olay dinleyici olarak çevrilebilir) bir JavaScript özelliği ve bir HTML DOM elementi söz konusu olduğunda o element üzerinde çalışan bir gerçek zamanlı işlem talimatıdır. Örneğin, kullanıcının bir düğmeye tıkladığını algılamak gibi.
addEventListener() metodunu yazmak için iki argüman gerekir: Birincisi, hangi tür olayın dinleneceğini gösteren bir dizge, ikincisi ise gerçekleştiğinde yürütülecek olan komutu gösteren bir işlev.
Örnek:
Aşağıdaki örnekte, kullanıcının bir düğmeye tıkladığını algılamak için "click" olayının addEventListener() yöntemi ile dinlenmesi gösterilmektedir:
button.addEventListener("click", myFunction);
AddEventListener(), daha fazla olay desteği sunmaktadır. Tüm desteklenen olaylar için MDN Events sayfasını inceleyin.