Know what? My mental model of the event system was wrong. Reading the spec helped.
I was getting tripped up because I kept thinking the event listener on the event target determined the actual phase of the event—but now I understand that it does no such thing. (I also sorta thought the event object traveled from the event target, except in the case of capturing events, but that’s also wrong.)
If I’m understanding correctly (please correct me if I’m wrong): the event travels down and then up through the DOM tree no matter what’s listening, unless we use the
That makes the listener order much clearer to me now. Event travels from
event.target and back to
window regardless of how it’s heard along the way. Listeners just execute callbacks when they hear ’em.
You made that clear in the video—I just misunderstood. Thank you for your patience!