Event Bubbling, and Stop Propagation

Santhosh Nayak picture Santhosh Nayak · Oct 18, 2011 · Viewed 17.4k times · Source

What is the difference between event.bubbles to false for any event, and setting event.stopPropagation() or stopImmediatePropagation() while handling event?

I'm using Flex4 with AS3.

Answer

Shantha Kumara picture Shantha Kumara · Oct 1, 2012

Information found at this article - Introduction to event handling in ActionScript 3.0 is more demonstrative and easy to understand. It will enhance the above accepted answer by @Jason Sturges.

Event bubbling and event capturing are two faces of events. If you make the event.bubbles to false that means the event is marked as non-bubbling event.

bubbles: Indicates whether or not the event is an event that bubbles (and captures). This does not mean that the event went through or is going through a capture or bubbles phase, but rather it is a kind of event that can.

Below image (from the above article) shows how the event goes through the process.

Event capturing and bubbling

The difference of the stopPropagation() and stopImmediatePropagation() will be more clear in following images.

StopPropagation :

stopPropagation

StopImmidiatePropagation :

stopImmediatePropagation