Capturing and Bubbling phases cross-browser

Logging is bottom-up, top log line is the last executed event handler

[this]      [type]      [phase]     [target]    [currentTarget]

Event listeners are registered on each of the form elements ancestor's, both in the capturing and bubbling phases.

This is the reason you will see a lot of events logged, sometimes it seems there are duplicates, but there are not.

In the example form events on controls will traverse the tree in this way (the number represent the eventPhase):

• #document 1
• HTML 1
• BODY 1
• FORM 1
• INPUT 2
• INPUT 2
• FORM 3
• BODY 3
• HTML 3
• #document 3