Event Propagation Phases

• quiz
• medium
• ui
• 8 min
• ui-events
• mark done

In the DOM event flow, what is the correct order of phases when an event is dispatched from a nested element?

• A Target → Capturing → Bubbling
• B Capturing → Target → Bubbling
• C Bubbling → Target → Capturing
• D Capturing → Bubbling → Target

Which statement correctly describes the difference between event.stopPropagation() and event.preventDefault()?

• A stopPropagation prevents the default action; preventDefault stops the event from bubbling
• B stopPropagation stops the event from bubbling; preventDefault prevents the default action
• C Both methods stop the event from bubbling and prevent the default action
• D Both methods allow the event to bubble but stop default actions on parent elements

You have a

with many
• items. You attach a single click listener to the
  to handle clicks on any
  • . This pattern is known as:</strong></p>
    • A Event capturing
    • B Event bubbling
    • C Event delegation
    • D Event isolation
  • was clicked, you are employing event delegation. This leverages bubbling so the ancestor receives the event. Options A and D are not standard terms, and B describes the mechanism but not the pattern.</div> </div> </form> ## Related - Reading: [Events](../ui/events.html) · [DOM](../ui/dom.html) · [Component](../ui/component.html) - Agent Skill: `ui-events`