Event Bubbling, and Stop Propagation

Question

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.

Solution 1

Setting bubbles to false means the event does not bubble up the display list at all.

stopPropagation() and stopImmediatePropagation() make the current event listener the last to process an event.

The difference between stopPropagation() and stopImmediatePropagation() is that stopImmediatePropagation() will not only prevent the event from moving to the next node, but it will also prevent any other listeners on that node from capturing their events.

Solution 2

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.

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

StopPropagation :

StopImmidiatePropagation :

Comments

[Bitterblue]

Good answer and the source is Adobe. The accepted answer didn't help at all :/

[Santhosh Nayak]

@BattleCity The accepted answer didn't help at all :/ still got 10 upvotes? ;) He answered same day when needed. This also good answer I upvoted it.