The answer
No. Event delegation relies on bubbling. Events that do not bubble (like focus, blur, scroll on elements) cannot use traditional delegation. Use capturing phase or alternative approaches for non-bubbling events.
How Event Bubbling Enables Event Delegation
Can you use event delegation with non-bubbling events?
More FAQs in How Event Bubbling Enables Event Delegation
When a child is clicked, the event bubbles to the parent. A listener on the parent checks e.target to determine which child was clicked. Without bubbling, the parent would never receive the child's click event.
Fewer listeners (memory-efficient), works for dynamically added children (no need to add new listeners), and simpler code (one handler instead of many).
Check e.target: if (e.target.tagName === 'LI') ... or if (e.target.matches('.item')) ... e.target is the element that triggered the event (the actual clicked child).
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.