Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript JavaScript and the DOM (Retiring) Responding to User Interaction Event Bubbling and Delegation

Amandeep Pasricha
Amandeep Pasricha
14,932 Points

If the event moves to parent and ancestor elements, doesn't that mean the event handler code would act on all of them?

If the event moves to other elements, does that mean the code in the function handler applies to all of those other elements technically (which we don't want)?

1 Answer

What do you mean by 'act'? However, it is the event that is bubbling not the event listener. The ancestor elements get notified that the event has happened. if there is a listener attached to the ancestor for the same event then it would be executed. If no listener attached to the ancestor for the same event, nothing is going to be executed.