Event Bubbling & Capturing

What does the eventPhase property indicate?

element.addEventListener('click', e => {
  if (e.eventPhase === 1) console.log('Capturing');
  if (e.eventPhase === 2) console.log('Target');
  if (e.eventPhase === 3) console.log('Bubbling');
});

The time since the event started
The current phase of event propagation
The eventPhase property indicates which phase of event propagation is currently occurring: 1 (CAPTURING_PHASE), 2 (AT_TARGET), or 3 (BUBBLING_PHASE). This can be useful for implementing different behavior depending on the propagation phase, debugging event propagation, or understanding how events flow through the DOM. The property is read-only and is set automatically by the browser during event propagation.
The number of listeners triggered
The priority of the event

Next Question (11/20)