event-bubbling

I'm trying to listen to custom event 'peakAhBoo' so I add the event listener to gBrowser and if no gBrowser is present then I add it to aDOMWindow ( gist ). Code snippet: loadIntoWindow: function (aDOMWindow, aXULWindow) { if (!aDOMWindow) { return; } if (aDOMWindow.gBrowser) { aDOMWindow.gBrowser.addEventListener('peakAhBoo', respondToCustomEvent_peakAhBoo, true); } else { aDOMWindow.addEventListener('peakAhBoo', respondToCustomEvent_peakAhBoo, true); } }, Code to dispatch event: var myEvent = new CustomEvent('peakAhBoo', { 'detail': { 'hazcheeseburger': true } }); var myEvent = window

I am new to jQuery and I'm trying to understand the concept of capturing and bubbling. I have read a lot of articles, but most of them described event propagation for Javascript. Lets assume we have the following HTML code: <div id="outter"> outter <div id="inner"> inner </div> </div> Capturing is the phase where we go down the DOM elements and bubbling is when we go up. In Javascript you can decide which way to follow (using true or false parameters): element.addEventListener('click',doSomething,true) --> capture phase element.addEventListener('click',doSomething,false) --> bubble phase Is

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. Jason Sturges 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

What behavior should I expect if I delete a DOM element that was used to start an event bubble, or whose child started the event bubble - will it continue to bubble if the element is removed? For example - lets say you have a table, and want to detect click events on the table cells. Another piece of JS has executed an AJAX request that will eventually replace the table, in full, once the request is complete. What happens if I click the table, and immediately after the table gets replaced by a successful completion of an AJAX request? I ask because I am seeing some behavior where the click

I want to understand how exactly to interpret bubbling. Does it mean going up the HTML code hierarchy or something else? Secondly, I was going through an example and I could not understand the last part where it says The P-based click handler listens for the click event and then prevents it from being propagated (bubbling up) What does this mean? return false; will prevent "bubbling". It's used to stop default actions like checking a checkbox, opening a select, a click, etc. To stop further handlers from executing after one bound using .live(), the handler must return false. Calling