preventdefault

I want to prevent a submit button with onclick event from submitting: $j('form#userForm .button').click(function(e) { if ($j("#zip_field").val() > 1000){ $j('form#userForm .button').attr('onclick','').unbind('click'); alert('Sorry we leveren alleen inomstreken hijen!'); e.preventDefault(); return false; } }); This is the submit button: <button class="button vm-button-correct" type="submit" onclick="javascript:return myValidator(userForm, 'savecartuser');">Opslaan</button> It will show the "alert" function and also removes the onclick event, but the form is submitted anyway. Manually remove the

I'm rendering a link with react: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Then, above I have the upvote function: upvote: -> // do stuff (ajax) Before link I had span in that place but I need to switch to link and here's the trouble - every time I click on .upvotes the page gets refreshed, what I've tried so far: event.preventDefault() - not working. upvote: (e) -> e.preventDefault() // do stuff (ajax) event.stopPropagation() - not working. upvote: (e) -> e.stopPropagation() // do stuff (ajax) return false - not working. upvote: (e) -> // do stuff (ajax) return

This question already has an answer here: What's the difference between event.stopPropagation and event.preventDefault? 7 answers Can someone explain what's the difference between event.preventDefault() and event.stopPropagation() ? I have a table and within that table I have an img tag. When I click the img tag, I want to see a popup. But I also want to stop the selection of multiple rows, so I use: $("table.items tbody tr").click(function(event) { event.stopPropagation(); }); When I use the js code, the popup does not appear; If I delete the js code, the popup works. $(".info").live("click"

We are trying to scroll an element on our iOS web app while preventing the window itself from scrolling. We are capturing the touchmove event on the window, scrolling the element programmatically and (trying to) prevent the window itself from scroll by calling preventDefault on the event. Unfortunately this doesn't work in Mobile Safari. The window continues to scroll underneath our element. The issue sounds exactly like the Webkit bug described in https://bugs.webkit.org/show_bug.cgi?id=163207 , but that issue was supposedly fixed in iOS 10.3 whereas I am running 11.3. Catching

I Want to catch Ctrl + S in Chrome, and prevent the default browser behavior to save the page. How? (Just posting the question & answer as I was after this for a pretty long time and didn't find a solution) zupa As far as I can see, the secret sauce is, that Ctrl + S does NOT fire the keypress event, only the keydown event. Using jQuery.hotkeys : $(document).bind('keydown', 'ctrl+s', function(e) { e.preventDefault(); alert('Ctrl+S'); return false; }); Only with jQuery: $(document).bind('keydown', function(e) { if(e.ctrlKey && (e.which == 83)) { e.preventDefault(); alert('Ctrl+S'); return false

Situation : Trying to modify VideoJS.com in order to work with IE8 and Youtube Chromeless API. Problem : Progressbar dragging doesn't work (error on event.preventDefault(); 'not supported' according to debug) Demo : http://alpha.dealertouch.mobi/video/demo.html What I tried : Skip 'preventDefault' when it's IE, but if I do that I'll lose the functionality of the progressbar (drag/click forward and backward) Question : What is the best way to solve this problem for IE8? I use something like: (event.preventDefault) ? event.preventDefault() : event.returnValue = false; the event.returnValue

This question already has an answer here: What's the difference between event.stopPropagation and event.preventDefault? 7 answers Firstly, in JavaScript's event model, you will come across a concept called as event bubbling (which makes an event to propagate from child element to a parent element). In order to avoid such kind of bubbling effect, many developers use an event method called stopPropagation( ) . Alternatively, developers have started to use return false statement to stop such propagation. Now, there is another terminology called preventDefault( ) . As the name indicates, this