Event Flow
Consider the situation when there are 2 elements nested together. Both have event handlers registered on the same event type, say "click". When the user clicks on the inner element, there are two possible ways to handle it:
- Trigger the elements from outer to inner (event capturing). This model is implemented in Netscape Navigator.
- Trigger the elements from inner to outer (event bubbling). This model is implemented in Internet Explorer and other browsers.
W3C takes a middle position in this struggle. Events are first captured until it reaches the target element, and then bubbled up. During the event flow, an event can be responded to at any element in the path (an observer) in either phase by causing an action, and/or by stopping the event (with method event.stopPropagation for W3C-conforming browsers and command event.cancelBubble = true for Internet Explorer), and/or by cancelling the default action for the event.
Read more about this topic: DOM Events
Famous quotes containing the words event and/or flow:
“The situation is that of him who is helpless, cannot act, in the event cannot paint, since he is obliged to paint. The act is of him who, helpless, unable to act, acts, in the event paints, since he is obliged to paint.”
—Samuel Beckett (1906–1989)
“By the flow of the inland river,
Whence the fleets of iron have fled,
Where the blades of the grave-grass quiver,
Asleep are the ranks of the dead:—”
—Francis Miles Finch (1827–1907)