Universelle Event-Listener-Zielfunktion(en)?

[Roadster]

Hallo miteinander!

Ein Beitrag von Camping_RIDER...

https://forum.selfhtml.org/?t=219016&m=1510954

...und ein Beitrag von JürgenB...

https://forum.selfhtml.org/?t=219016&m=1511130

...haben mich zu einer grundsätzlichen Frage hingeführt, und zwar:

Warum ist es überhaupt nötig oder ratsam, Event-Listener an bestimmte Elemente zu knüpfen?

Bislang bin ich immer nach folgendem Schema vorgegangen...

function addEventListenerForElement() {  
  
    document.getElementById("element").addEventListener("click", elementOnClick);  
  
}

...aber eingedenk der (für mich neuen) Tatsache, dass man ja auch in der Event-Listener-Zielfunktion über einen Parameter (e) das auslösende Element bestimmen kann...

function elementOnClick( e ) {  
  
    var element = e.target.id;  
  
    doSomethingWith(element);  
  
}

...OHNE den Event-Listener zuvor auch an 'dieses' Element angeknüpft zu haben, frage ich mich, wozu dann überhaupt noch individuelle "addEventListener"-Funktionen verwenden?

Ich meine, man könnte ja auch einfach für jedes Event, "click", "mouseover", "mouseout", "animationstart", "animationiteration", "animationend" usw. usw. einfach jeweils genau einen Event-Listener hinzufügen...

function addEventListenerForClick() {  
  
    var body = document.getElementsByTagName("BODY")[0];  
  
    body.addEventListener("click", onClickFunction);  
  
}

...und dann einfach nur in der Zielfunktion entscheiden, was dann weiter passieren soll!

Wozu also überhaupt den Aufwand betreiben individuelle Event-Listener zu installieren?

Das wars für 2014! ;)

Frohes Neues!

Gruß,

Roadster.