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

Question

[maxon_by]

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

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

Answer 1

[OKyJIucT]

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

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

Answer 2

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

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

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

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

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