В чём отличие события и слушателя в JS?

Question

[dron112]

В чём отличие слушателя и события в JS ?

Когда я пишу node.addEventListeners( 'click' , callback)
- click - это событие, но что является слушателем ? Может node или нет ?

Comments

[alex4answ]

слушатель - callback, он же handler

Answer 1

[Вадим]

Событие, оно же event, например click, focus, mousedown, touch - то, что происходит.
Функция-обработчик она же handler, у Вас названа как callback - реакция на событие. То есть, что сделать при наступлении события.

addEventListener - дословно: добавить слушатель события. Соответственно указываем событие и слушатель для него.

Comments

[dron112]

т.е. в моём случае callback - это и слушатель, и handler, и обработчик события

[Вадим]

dron112, К сожалению, в вебе одна и та же вещь может называться кучей разных слов

[Вадим]

dron112, И нужно разбираться в теме, чтобы понимать различие.

Например, у Вас callback - не корректное название для данного случая. Потому что callback это функция, которая вызовется после выполнения другой функции и может получить от неё какие-то аргументы.

У Вас же функция обработчик, один и единственный, поэтому handler - подходящее название.

[Вадим]

dron112, ну а handler и обработчик это одно и то же, только на разных языках :-)

Answer 2

[Александр Черемхин]

node.addEventListeners( 'click' , function(event){
  // это функция слушатель (обработчик) события click
  // функция выполняется когда событие click случилось. 
  alert(‘клик на кнопку’ );  // выводит сообщение когда кликнули на node
})