В каких случаях используется addEventListener?

Несколько обработчиков на событие, если не ошибаюсь.

Вы­зов ме­то­да addEventListener() со стро­кой «click» в пер­вом ар­гу­мен­те ни­как не влия­ет на зна­че­ние свой­ст­ва onclick. ... Но важ­нее то, что ме­тод add­Event­Listener() мож­но вы­звать не­сколь­ко раз и за­ре­ги­ст­ри­ро­вать с его по­мо­щью несколь­ко функ­ций-об­ра­бот­чи­ков для од­но­го и то­го же ти­па события в том же са­мом объ­ек­те. При по­яв­ле­нии со­бы­тия в объ­ек­те бу­дут вы­зва­ны все об­ра­бот­чи­ки, за­ре­ги­ст­ри­ро­ван­ные для это­го ти­па со­бы­тия, в по­ряд­ке их ре­ги­ст­ра­ции.

«JavaScript. Подробное руководство. Флэнаган Д.» А ещё про это написано практически в любом туториале про обработку событий в JS.

Неубедительно

fu1=function(){console.log(1)}
fu2=function(){console.log(2)}
fu3=function(){console.log(3)}

all=function(){fu1(); fu2(); fu3()}

div=document.createElement("div")
div.innerHTML="foo"
div.onclick=all
document.body.appendChild(div)

onclick это устаревшее говно со времён, когда писали <button onclick=«foo();»>bla</button>. Сейчас принято использовать addEventListener.

Я спрашиваю, в чем разница? Какие юзкейсы. Или это просто заменили х*й на х*й?

А в чём может быть разница? addEventListener удобней. Вот тебе пример, когда ты не сможешь заменить его onclick:

// library 1
div.addEventListener('click', divClick1);
div.addEventListener('click', divClick2);
...
div.removeEventListener('click', divClick1);

// library 2
div.addEventListener('click', divClick3);

Всё, что тебе доступно с onclick это chaining вызовов (сохраняешь предыдущий обработчик и в своём обработчике вызываешь его). Это куда более бедная модель, чем нормальный список listener-ов.

Господи, что за говнокод?

Если вам нужно повесить на объект обработчик, не удаляя старые, при этом вы не знаете, какие обработчики на нем уже висят, что вы будете делать? Вы разбираете языки программирования на небольших примерах, ни во что толком не погружаясь, но большие (даже относительно большие) программные проекты обладают уже другой сложностью. Напишите что-нибудь хорошее и большое, может полегчает.

не удаляя старые, при этом вы не знаете, какие обработчики на нем уже висят, что вы будете делать?

Например вот так можно:

;(function(oldf){div.onclick=function(){console.log("Goodbye"); oldf()}}(div.onclick))

А если часть из них добавлена через addEventListener (и даже не вами)? А если часть из них нужно удалить, не тронув остальные?

А если часть из них добавлена через addEventListener (и даже не вами)?

В этом то и проблема. Тащат в язык синтаксическую грязь, а потом спрашивают «а что Вы будете делать, если Вам мешает наша грязь?»

Не знаю, надо на досуге поковыряться. Я не спец. Если окружение в которое addEventsListener свое дерьмо складывает доступно для read/write, можно это решить.

А зачем такие жертвы? Вот реализовали вы обертку вокруг onclick, которая позволяет сохранять старый обработчик, если припрет, то можно реализовать и функцию удаления (приводить onclick к строке, парсить и удалять). Это задачи, которые часто требуются, поэтому в языке есть решение, единообразное и удобное. Пишите на ассемблере, зачем вам это грязный js.

Чем больше мусора, тем трудней писать, ибо обрабатывать приходится больше случаев. Компромисным решением могло бы быть добавление фич через либы. Либу, по крайней мере, можно модифицировать при необходимости. А эти уроды срут в ядро.

Вы Tcl не пробовали? Говорят, очень минималистичный язык.

Есть практическая задача, которая имеет практическое решение. Включение такой функции в ядро позволяет не разбираться с кучей велосипедов, которые каждый разраб наворотит в силу того, что нужных вещей под рукой не окажется.

Вы Tcl не пробовали?

Ковырял. Возможно, это лучший ЯП из существующих. Но активно им не занимаюсь, т.к. массово он к сожалению, не применяется. Чтобы писать на таком ЯП, надо иметь мозг.

Есть практическая задача, которая имеет практическое решение. Включение такой функции в ядро позволяет не разбираться с кучей велосипедов, которые каждый разраб наворотит в силу того, что нужных вещей под рукой не окажется.

Взгляните сюда:

Почему не стоит пользовать addEventListener

Это ответ на ваш вопрос.

А кто будет юзать твою libevents-то? onclick переназначат и всё. То, что ты пишешь, надо сначала продвинуть в стандарт и обязать всех использовать. И в итоге получится худшая версия addEventListener-а.

В каких случаях используется addEventListener?

Во всех. Практически.