Event Listener "feiner justieren" bzw. Event "konkretisieren"?

[Nico2]

Hallo!

Ist es möglich den EventListener so einzustellen, dass er tatsächlich nur auf das
div-Element "hört", dass im script angegeben ist, also, um im Beispiel zu bleiben,
bei ladebalken.addEventListener("animationend", xyz); eben NUR auf #ladebalken zu hören

Ja. Schau dir das Event Target an. das zeigt auf das Element, bei dem die Animation zuende gegangen ist.

https://developer.mozilla.org/en-US/docs/Web/API/event.target

ladebalken.addEventListener("animationend", function (event) {
  if (event.target.id == "ladebalken") {
    ...
  }
});

Oder ein Vergleich mit event.currentTarget, was auf #ladebalken zeigt.

ladebalken.addEventListener("animationend", function (event) {
  if (event.target == evnet.currentTarget) {
    ...
  }
});

https://developer.mozilla.org/en-US/docs/Web/API/event.currentTarget

MFG Nico