How do you stop and then start / trigger an event with JQuery?

Question

I'm trying to stop the default action when a link is clicked. Then I ask for confirmation and if confirmed I want to continue the event. How do I do this? I can stop the event but can't start it. Here's what I have so far:

$(document).ready(function(){
  $(".del").click(function(event) {
    event.preventDefault();
    if (confirm('Are you sure to delete this?')) {
      if (event.isDefaultPrevented()) {
        //let the event fire. how?
      }
    }
  });
});

Just doing this myself, and found this question. I solved this by putting `return true` in my function :) — David Yell, Aug 09 '10 at 10:25

score 4 · Accepted Answer · edited May 23 '17 at 10:24

There's no need to prevent default to start. Just do this:

$(function() {
  $(".del").click(function(evt) {
    if (!confirm("Are you sure you want to delete this?")) {
      evt.preventDefault();
    }
  });
});

It's easier and more logical to prevent the event once you need to rather than preventing it and then un-preventing it (if that's even possible).

Remember that the code will stop running when the confirm box is presented to the user until the user selects OK or Cancel.

By the way, take a look at JavaScript: event.preventDefault() vs return false. Depending on if you want to stop the event propagation or not you may want to either call stopPropagation() or return false:

$(function() {
  $(".del").click(function(evt) {
    if (!confirm("Are you sure you want to delete this?")) {
      return false;
    }
  });
});

@Michel: yes it should. Fixed. Thanks. – cletus Jan 25 '10 at 08:37 — cletus, Jan 25 '10 at 08:37

score 2 · Answer 2 · answered Jan 25 '10 at 08:45

2

Much better to just return the confirm()

$(function() {
  $(".del").click(function() {
    return confirm("Are you sure you want to delete this?");
  });
});

answered Jan 25 '10 at 08:45

Reigel Gallarde

64,198
21
121
139

How do you stop and then start / trigger an event with JQuery?

2 Answers2