EMZETT.
Login

Events und Ereignisse

Kurz: Ein Event ist ein Vorfall, auf den das Programm reagiert: ein Klick, eine Taste, ein Timer, eine Nachricht. Man hinterlegt eine Funktion (Handler), die dann aufgerufen wird.

Genauer: Ereignisgesteuerte Programmierung dreht den Ablauf um: Statt Schritt für Schritt abzuarbeiten, wartet das Programm in einer Schleife auf Ereignisse und verteilt sie an Handler. Das ist das Grundprinzip von Oberflächen und Webseiten.

Im Detail

button.addEventListener("click", (e) => {
  console.log("Geklickt", e.target);
});
  • Quelle: Wer das Event auslöst (Button, Fenster, Netzwerk).
  • Handler/Listener: Funktion, die reagiert.
  • Event-Objekt: Enthält Details (Position, Taste, Ziel).
  • Bubbling: Im Browser steigt ein Event vom Ziel durch die Eltern nach oben. stopPropagation() stoppt das.
  • Typen: click, input, submit, keydown, load.
  • Andere Sprachen: C# event und delegates (delegates-und-events), Java Listener, Python tkinter.bind.
  • Nebenläufigkeit: Verwaltet über die event-loop.

Siehe auch: Button (Schaltfläche), Funktion