preventdefault

I have asked a similar question but didn’t get a real satisfying answer, so I will try again here. When I use code like this: $("#element") .on( 'click', function() { // do something } ) .on( 'touchstart', function(e) { e.preventDefault(); // do the same thing but on touch device like iPad f.e. // and more over PLEASE do not fire the click event also! } ); I am expecting that the click event is never never never fired (because of the hierarchy with which browser should work through the events) but in fact when I touch the element let’s say 20 times, than one time the click event fires also.

I'm implementing a swipe-base navigation, and I'm running into trouble with Chrome. A newly implemented feature, 'Overscroll history navigation', is triggered when the page is dragged to the right, causing a jump back (to 'history -1'). To prevent this, I'd have to call .preventDefault() on touchstart , but this also disables everything from clicking links to scrolling. How do I prevent browser UI events without interfering with the standard page? Disabling the feature altogether by setting the appropriate flag in chrome fixes the issue, but isn't practical for a public-facing application.

I tried sweeAlert plugin, which works perfectly, but I cant figure out how to do default stuff after confirm. $(document).ready(function () { function handleDelete(e){ e.preventDefault(); swal({ title: "Are you sure?", text: "You will not be able to recover the delaer again!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete!", closeOnConfirm: false }, function (isConfirm) { if (isConfirm) { return true; } }); }; }); and the button <a href="{plink delete! $row->id_dealers}" class="delete" onclick"handleDelete(event);"> </a> //{plink delete

I have the following function within a React component which is run when a link is clicked: onClick(e, { name }) { e.stopPropagation(); const doIt = await checkSomething(); if (doIt) { e.preventDefault(); doSomethingElse(); } } Problem is that by the time e.preventDefault() is reached the synthetic event is recycled. So, how do I tell the browser not to follow the link if it is clicked, when some logic is needed to calculate this decision and before the synthetic event is recycled? Shubham Khatri One way to handle this would be to use preventDefault and when the action is complete and you need

I have a page that has event listeners for the network status. When the network is 'offline' I want to disable any cross domain links as to go into an offline mode. I was trying to use .preventDefault() , however when the app comes back online I need to re-enable the links. Event Listeners //check network status if(!navigator.onLine) { offlineLinks(); //Offline mode function } //add event listeners for network status window.addEventListener('offline', function(e) { offlineLinks(); //Offline mode function }, false); window.addEventListener('online', function(e) { //need to re-enable links

I am working on a website where clicking on a certain link will slide down a login panel. I am using event.preventDefault() to stop the site from redirecting as well as an animation event to slide the panel down. When the link is clicked, the panel slides down and the url remains unchanged. What I want to happen when the link is clicked is for the panel to animate as normal, but for the href attribute of the link to be shown in the url. In this case it would be something like this: http://domain_name/#login . Here is the code I've got going right now: $("#login_link").click(function (e) { e

This is a catch 22 I can't really figure out how to resolve. Take this HTML5 game we host: http://www.scirra.com/arcade/action/93/8-bits-runner - Warning has sound! The page is hosted on scirra.com but the game is in an iframe on static1.scirra.net for security reasons. Now if you press left and right, up or down when you are playing the game the entire window scrolls up and down, left and right. The prevent default seems to work OK when the game isn't focused. We want to prevent this default action when playing the game of course! So we use the code: var ar = new Array(32, 33, 34, 35, 36, 37,