CODEWITHSUNDEEP
actionscript-3apache-flexevent-bubblingevent-propagation
Santhosh Nayak
Santhosh Nayak

Reputation: 2288

Event Bubbling, and Stop Propagation

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.

Upvotes: 10

Views: 17809

Answers (3)

Jason Sturges
Jason Sturges

Reputation: 15955

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.

Upvotes: 18

user1099934
user1099934

Reputation:

Look at the example:

object.addEventListener( MouseEvent.CLICK, functionOne );

object.addEventListener( MouseEvent.CLICK, functionTwo );

If functionOne contains event.stopPropagation(), functionTwo will be called as well. If it contains event.stopImmediatePropagation(), functionTwo will be ignored.

Upvotes: 3

Shantha Kumara
Shantha Kumara

Reputation: 3421

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

Upvotes: 32

Related Questions