В чём отличия между .addEventListener() и .onclick = function() в JS?

Question

[maxon_by]

В чём отличия между .addEventListener() и .onclick = function() в JS?
и
Почему сейчас используют чаще .addEventListener()

Может это версии разные?
Спасибо всем за ответы!

Answer 1

[OKyJIucT]

addEventListener добавляет отслеживание любого события, которое укажешь, а onclick - только клики. Поэтому что использовать - зависит от задачи.

Кроме того, второй способ позволяет повесить только один обработчик события (следующий будет перезатирать предыдущий), в то время как первый - сколько угодно.

Answer 2

[Ну вот опять 25]

.onclick иногда удобнее программисту - не надо вызывать конструктор, уже есть готовое свойство

сравни псевдокод:

кнопка.онклик = функция_обработчик

кнопка.функция_добавить_онклик( тип_онклика, функция_обработчик )

Answer 3

[SirYozhka]

Иногда возникает соблазн инкапсулировать обработчик в функцию.
Но тогда при каждом вызове функции постоянно создаётся дополнительный addEventListener, а это чревато получением непредсказуемых результов. Особенно если к одному и тому же элементу будет привязан обработчик одинакового события в разных функциях.