Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 387
Santhosh Nayak Avatar asked Oct 18 '11 04:10

Santhosh Nayak


2 Answers

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.

like image 92
Jason Sturges Avatar answered Oct 27 '22 09:10

Jason Sturges


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

like image 41
Shantha Kumara Avatar answered Oct 27 '22 11:10

Shantha Kumara