Sorry to be unclear. I updated the Fiddle to make it a bit easier for me to visualize.
My question, more clearly (I hope), is this:
If I’ve set the
.boxes to use a capturing listener, but left
#content (the outermost element) as a bubbling listener, and then I click the innermost box, I expect the log to look like this:
#content heard event from b3 via Capturing // I expect this to be the first, since the event is traveling down the tree instead of up b3 phase: Capturing b3 phase: Capturing b3 phase: At Target
But it happens the other way around. The
.box elements react as expected, but
#content still hears the event _last_, even though the event target is set to capturing. The log instead looks like this:
b3 phase: Capturing b3 phase: Capturing b3 phase: At Target #content heard event from b3 via Bubbling // Instead it's last and its phase is 'bubbling'
That’s confusing to me. If the event is traveling down the tree since the listener is set to capture, why is
#content still hearing it first?
I hope that makes more sense. Forgive me if I’m making this more complicated than it needs to be.