e.preventDefault - is there a way to doDefault?

Question

Let's say I have a link:

<a href='http://example.com/file.zip' id='dl'>Download</a>

And while someone click on it, I want to do something, such as:

$("#dl").live("click", function(e){
    e.preventDefault();
    $("#dlbox").fadeOut(500);
});

Is there a way after I e.preventDefault, to go ahead and doDefault? something like:

$("#dl").live("click", function(e){
    e.preventDefault();
    $("#dlbox").fadeOut(500);
    e.doDefault();
});

so it'll run the event normally?

I asked this yesterday, maybe youi want to check http://stackoverflow.com/questions/9556107/can-e-preventdefault-be-reversed — Toni Michel Caubet, Mar 05 '12 at 12:57

Didier Ghys · Accepted Answer · 2012-03-05T12:59:05.820

11

You can only prevent the default behavior (with e.preventDefault()).

Now if you expect the link to be navigated when the .fadeOut() method has finished, you should prevent the default behavior and use the callback parameter of the fadeOut method to navigate when the animation has finished:

$("#dl").live("click", function(e){
    e.preventDefault();
    var href = this.href;
    $("#dlbox").fadeOut(500, function() {
        window.location = href;
    });
});

DEMO

edited Mar 05 '12 at 12:59

answered Mar 05 '12 at 12:52

Didier Ghys

30,396
9
75
81

1

fadeOut is asynchronous, you'd have to put code into the callback method of fadeout for it to work like that – NibblyPig Mar 05 '12 at 12:55
you're assuming link, what if that's a form submission? – Itai Sagi Mar 05 '12 at 13:01
true that :) was shooting for a general thing there – Itai Sagi Mar 05 '12 at 13:03
.live() has been deprecated as of 1.7, so you should use .on() or .click() instead. http://stackoverflow.com/questions/8752321/jquery-live-vs-on-method-for-adding-a-click-event-after-loading-dynamic-ht – Luke Oct 28 '13 at 15:39

score 4 · Answer 2 · answered Mar 05 '12 at 12:54

There is no doDefault() command, you need to re-architect your code.

I would prevent default, then perform the url direct yourself via window.location. Possibly use a different tag to an anchor tag too - by overriding its functionality it makes no sense to use it in the first place.

eg something like this:

$("#dl").live("click", function(e){
    e.preventDefault();
    $("#dlbox").fadeOut(500, function() { window.location='www.fish.com'; });
});

score -1 · Answer 3 · edited May 23 '17 at 12:31

-1

Maybe this post can help you? You can also just return false to prevent the link to go to the location in the href.

edited May 23 '17 at 12:31

Community

1
1

answered Mar 05 '12 at 12:55

Bas Slagter

9,831
7
47
78

e.preventDefault - is there a way to doDefault?

3 Answers3