Event Bubbling and Capturing

Event Bubbling and Capturing — a practical guide to JavaScript event bubbling capturing with clear examples you can reuse in real projects.

JavaScript Tutorial Series (69/101). Prefer one article? Read the complete JavaScript tutorial.

Short description

Most handlers use bubble phase (default).

Propagation

Capturing (top → target)
Target
Bubbling (target → top)
addEventListener(type, fn, true) for capture