Informatik Webentwicklung – JavaScript Events und DOM
JavaScript Events und DOM-Manipulation sind das Fundament jeder interaktiven Webanwendung. Nach dem Lernen dieser Karten kennst du die Event-Phasen, beherrschst addEventListener, verstehst Event-Delegation und kannst das DOM gezielt verändern – Voraussetzung für moderne Frontend-Frameworks wie React oder Vue.
Lernziele
Was du in dieser Lektion lernst
- Was ist ein Event in JavaScript?
- Wie registriert man einen Event-Handler modern?
- Unterschied zwischen Event-Capturing und Event-Bubbling?
- Was bewirkt event.stopPropagation()?
Lerntipp
Zeichne den Event-Flow (Capturing → Target → Bubbling) für ein verschachteltes HTML-Beispiel auf Papier – nur wer die Phasen visuell nachvollziehen kann, versteht stopPropagation() und currentTarget vs. target wirklich.
Hinweis: Der Inhalt dieser Seite wurde mit einem KI-Modell erzeugt und nicht von Fachmenschen geprüft. Nutze die Karten als Lernhilfe und gleiche medizinische oder rechtliche Aussagen mit deinen Unterlagen ab.
Karteikarten
Alle 14 Lernkarten
Tippe auf eine Karte, um die Antwort aufzudecken
Häufige Fragen
Die wichtigsten Fragen zu Informatik Webentwicklung – JavaScript Events und DOM
- Was ist ein Event in JavaScript?
- Ein Event signalisiert, dass etwas passiert ist – z. B. Klick, Tastendruck oder Ladevorgang – und ermöglicht darauf zu reagieren.
- Wie registriert man einen Event-Handler modern?
- Mit element.addEventListener('click', handler) – erlaubt mehrere Handler pro Event und kontrolliert Capturing/Bubbling über drittes Argument.
- Unterschied zwischen Event-Capturing und Event-Bubbling?
- Capturing: Event wandert vom Document zum Target. Bubbling: Event steigt vom Target zum Document hoch. Standard ist Bubbling.
- Was bewirkt event.stopPropagation()?
- Verhindert, dass das Event weiter die DOM-Hierarchie hinaufbubbelt – Eltern-Handler werden nicht mehr ausgeführt.
- Was bewirkt event.preventDefault()?
- Unterdrückt das Standardverhalten des Browsers – z. B. Formularabsenden, Linknavigation oder Textauswahl beim Doppelklick.
Warum Atrio?
- FSRS-5 Spaced Repetition
- Der Algorithmus plant jede Wiederholung anhand deiner eigenen Lernhistorie und stellt Karten kurz bevor du sie vergisst – das reduziert unnötige Wiederholungen.
- KI-Import
- Notizen, Skripte und PDFs in Sekunden in Lernkarten verwandeln – genau wie diese Seite automatisch entsteht.
- Prüfungsplanung
- Termine hinterlegen und Atrio berechnet rückwärts, wie viele Karten du pro Tag lernen musst – ohne Stress.
Interaktiv lernen
Diese 14 Karten jetzt interaktiv in der Atrio-App lernen
Atrio zeigt dir jede Karte dann, wenn du sie fast vergessen hättest – damit bleibt genau das hängen, was du lernst.
Starter-Plan kostenlos – keine Kreditkarte erforderlich.