JavaScript: Bubbling
bearbeitet von Matthias ScharwiesServus!
Vielen Dank an @Rolf b für die Arbeit an [add- und removeEventListener](https://wiki.selfhtml.org/wiki/Bubbling#Der_Ereignispfad_.28Event_Path.29). Ich hab's genau durchgelesen und viel gelernt.
Eine weitere, noch offene Baustelle: Für das Bubbling haben wir weder Live-Beispiele für die einzelnen Methoden noch eine Infografik der Eventphasen.
**1. Live-Beispiel**
* Stefan Münz hatte früher ein Bsp. in JScript, dass 4 Absätze mit je einem i, u, b und tt-Element hatte.
* [javascripter.net](http://www.javascripter.net/faq/eventbubbling.htm) hat eine Tabelle.
* Im Wiki gibt es einen [Ereignispfad](https://wiki.selfhtml.org/wiki/Bubbling#Der_Ereignispfad_.28Event_Path.29) von document > html > body > header > h1
Hättet Ihr eine Idee für ein praktisches Anwendungsbeispiel (evtl. ein Formular / Quiz) für [event.bubbles](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/bubbles), [event.cancelable](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/cancelable) und [stopProgagation](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/stopPropagation) bzw. für bubbling- und Capturing-phase?
**2. Infografik**
Das [W3C ](https://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#event-flow)hat diese schöne und informative Grafik:
![Alternativ-Text](/images/cf401d11-a1a9-41d8-a559-25dc241bfa01.png)
Wenn wir einen Anwendungsfall für ein Beispiel haben, würde ich das gerne in SVG ungefähr so darstellen.
Bitte helft mir, das brennt mir seit 2014 auf der Seele!
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}
JavaScript: Bubbling
bearbeitet von Matthias ScharwiesServus!
Vielen Dank an @Rolf b für die Arbeit an [add- und removeEventListener](https://wiki.selfhtml.org/wiki/Bubbling#Der_Ereignispfad_.28Event_Path.29). Ich hab's genau durchgelesen und viel gelernt.
Für das Bubbling haben wir weder Live-Beispiele für die einzelnen Methoden noch eine Infografik der Eventphasen.
**1. Live-Beispiel**
* Stefan Münz hatte früher ein Bsp. in JScript, dass 4 Absätze mit je einem i, u, b und tt-Element hatte.
* [javascripter.net](http://www.javascripter.net/faq/eventbubbling.htm) hat eine Tabelle.
* Im Wiki gibt es einen [Ereignispfad](https://wiki.selfhtml.org/wiki/Bubbling#Der_Ereignispfad_.28Event_Path.29) von document > html > body > header > h1
Hättet Ihr eine Idee für ein praktisches Anwendungsbeispiel (evtl. ein Formular / Quiz) für [event.bubbles](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/bubbles), [event.cancelable](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/cancelable) und [stopProgagation](https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/stopPropagation) bzw. für bubbling- und Capturing-phase?
**2. Infografik**
Das [W3C ](https://www.w3.org/TR/2013/WD-DOM-Level-3-Events-20131105/#event-flow)hat diese schöne und informative Grafik:
![Alternativ-Text](/images/cf401d11-a1a9-41d8-a559-25dc241bfa01.png)
Wenn wir einen Anwendungsfall für ein Beispiel haben, würde ich das gerne in SVG ungefähr so darstellen.
Bitte helft mir, das brennt mir seit 2014 auf der Seele!
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}