Can I execute a link after a preventDefault()?

Question

Code :

$('#myLink').click(function (e) {
    e.preventDefault();

    ...

    if (someCondition) {
        ... code ...
    } else {
        ... execute the link
    }
});

I'd like, if someCondition is false, execute the original href of the link (so, go that link, changing the page). Is it this possible?

score 27 · Answer 1 · answered Jun 08 '12 at 08:37

27

$('#myLink').click(function (e) {
    e.preventDefault();

    ...

    if (someCondition) {
      //do stuff
    } else {
        location.href = $(this).attr('href');
    }
});

answered Jun 08 '12 at 08:37

coolguy

7,866
9
45
71

1

Note that this opens the link in the same tab even if it was clicked with CMD (Mac) or CTRL (Windows, Ubuntu) pressed. – kslstn Jan 26 '20 at 13:46

score 5 · Accepted Answer · answered Jun 08 '12 at 08:35

5

Just move the preventDefault inside the if/else statement:

$('#myLink').click(function (e) {

    ...

    if (someCondition) {
        e.preventDefault();

        ... code ...

    } else {
        ... execute the link
    }
});

answered Jun 08 '12 at 08:35

Mottie

84,355
30
126
241

4

depending on how long your conditional takes the browse might follow the original link before reaching that part of the code. – deweydb Jul 11 '14 at 20:55
And that deserves a -1? LOL ok – Mottie Jul 11 '14 at 21:34
7

Yes, because the answer is incorrect and misleading. – deweydb Jul 11 '14 at 22:56
@deweydb Well then add an answer that is correct and not misleading. – Mottie Jul 14 '14 at 15:58
ubercooluk's answer is fine and i voted for that one. no need to ad another. – deweydb Jul 14 '14 at 19:17

score 4 · Answer 3 · edited May 23 '17 at 11:46

4

Take a look: Jquery Location Href?

Basically you can use window.location.href = 'http://example.com';

edited May 23 '17 at 11:46

Community

1
1

answered Jun 08 '12 at 08:37

Sem

4,477
4
33
52

score 1 · Answer 4 · answered Jun 08 '12 at 08:36

1

Just put the e.preventDefault(); inside the condition?

answered Jun 08 '12 at 08:36

Mike Sav

14,805
31
98
143

You are right, but a small note in the case of working with AJAX, you must cast e.preventionDefault() before starting your ajax and checking, this is in case you need to check something with ajax, in which case your answer won't work – Mahmoud Magdy Aug 09 '23 at 06:26

Can I execute a link after a preventDefault()?

4 Answers4