Events Event Model
Last updated: 2026-09-09
Events Event Model
The DOM event model with bubbling and delegation.
| Category | DOM |
|---|---|
| ES version | ES1 |
📝 Syntax
el.addEventListener('click', fn);▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
(event delegation)💡 Tip Event delegation for dynamic children.
ℹ️ info stopPropagation/preventDefault.
🏷️ Related Items
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
❓ FAQ
QWhat is bubbling?
AEvents propagate from child to parent.
QWhat is delegation?
AListen on parent for children.
QstopPropagation vs stopImmediate?
AThe latter also stops same-element listeners.
