1st pass: Capturing
 
By default, no event will be fired in this phase. Change this by passing <code>true</code> as 3rd parameter to addEventListener()
<pre><code>Parent
 ↓
Target
</code></pre>2st pass: Bubbling
 
By default, event will be fired. Change this by passing <code>true</code> as 3rd parameter to addEventListener()
<pre><code>Parent
 ↑
Target
</code></pre>How to stop this mechanism: 
<ul>
<li>event.stopPropagation()</li>
</ul>

**1st pass: Capturing**
 
By default, no event will be fired in this phase. Change this by passing `true` as 3rd parameter to addEventListener()

```
Parent
 ↓
Target
```

**2st pass: Bubbling**
 
By default, event will be fired. Change this by passing `true` as 3rd parameter to addEventListener()

```
Parent
 ↑
Target
```

How to stop this mechanism: 
- event.stopPropagation()

Event Propagation: Bubbling & Capturing

What I do not create, I only partially understand


D personal tech nuggets

D personal tech nuggets

Event Propagation: Bubbling & Capturing