Salesforce JavaScript Developer Practice Exam

What are the three phases of event propagation in JavaScript?

1. Target > Capturing > Bubbling

2. Bubbling > Target > Capturing

3. Target > Bubbling > Capturing

4. Capturing > Target > Bubbling

The correct answer is: Capturing > Target > Bubbling

The three phases of event propagation in JavaScript are indeed best described as capturing, target, and bubbling. In the capturing phase, the event starts at the highest point in the DOM hierarchy and travels down to the target element where the event occurred. This allows for capturing events before they reach the target. Once the event reaches the target phase, it recognizes which element is the actual target of the event. This phase is where the event is executed on the specific element that it was meant for. After that, the event moves into the bubbling phase, where it propagates from the target element back up to the root of the DOM tree. This allows parent elements to respond to the event after it has been processed by the target element. Understanding the order of these phases is critical for effective event handling strategies in JavaScript. It enables developers to manage how events are captured and handled in complex user interfaces.