stoppropagation

I have the following Hot Observable: hotObservable = Observable.interval(0L, 1L, TimeUnit.SECONDS) .map((t) -> getCurrentTimeInMillis())) However, I can't find a good way to stop it. I was able to partially solve this using takeWhile and a boolean flag ( runTimer ): Observable.interval(0L, 1L, TimeUnit.SECONDS) .takeWhile((t) -> runTimer) .map((t) -> getCurrentTimeInMillis())) There are 2 things I don't like in this approach though: I must keep the flag runTimer around, which I don't want. Once runTimer becomes false , the Observable simply completes, which means if I want to emit again I need

I have a page with inner scrollable DIV. As I hover a mouse over it and try to scroll it with mouse wheel, the contents of that DIV is scrolled as desired while the main page stays put. But when I reach the bottom of the DIV's scrolling area, whole page begin to scroll instead. I've tried to set event handlers on that div, but preventDefault() method also prevents scrolling of the DIV itself. Here comes the wrong code: $('.folderlist').on('DOMMouseScroll mousewheel', function(ev){ ev.stopPropagation(); ev.preventDefault(); }) preventDefault() prevents page scroll, but also disallows the

I am building a sidebar vertical menu that contains Main Menu items and one level of sub-menu items. I am using Javascript and CSS so that when the user clicks a top-level menu item, its sub-menu items will toggle their visibility - i.e. Click a main item and its sub items will appear. Click the main item again and the sub items disappear. To avoid the sub-menu from toggling when the user clicks a sub-menu item, I used the event.stopPropagation() method. The desired result works in Chrome, Safari, and Dolphin, but does not work in Firefox 26.0 nor Android Firefox 26.0.1. If you run this

I was to stop the event propagation from the child to the parent, i have a bunch of li tags containing a . $('li a[rel=close]').live('click', function(e){ e.stopPropagation(); e.preventDefault(); }) But it doesn;t stop the event.Any suggestions ? stopPropagation has problems with live , from the jQuery stopPropagation docs - Since the .live() method handles events once they have propagated to the top of the document, it is not possible to stop propagation of live events As Rob W has said your code would work fine with bind , here's a demo - http://jsfiddle.net/TmKyT/ Use .bind instead of .live

I encountered this situation recently (simplified here). Simply wrap a checkbox with an element and apply preventDefault() on it's click event and the checkbox becomes uncheckable. See this fiddle , but here's a snip: <div> <input type="checkbox"/> </div> /* Wrapper could be any element (and any ancestor element will work) */ $('div').on('click', function(e){ e.preventDefault(); }); /* Uncomment to make the checkbox work again $('input').on('click', function(e){ e.stopPropagation(); }); */ The behavior occurs in Chrome and FF, so I assume it is intentional. Why does the click event, which has