Home/ Questions/How to Prevent Double Click in Jquery
Next
Answered
Lina Marie
  • 17
Asked: 2022-04-17T19:12:41+00:00 In:

How to Prevent Double Click in Jquery

  • 17

. Advertisement .

..3..

. Advertisement .

..4..

Hi there! Anyone have any ideas to Prevent Double Click in Jquery? My project is stuck at this place and it takes me quite a while. If anyone has faced similar situation, please give me suggestions. Thank you!

♦ Suggestions of ITtutoria Team
Ideas for “Jquery Prevent Double Click”: jQuery prevents the double-clicking of an element and the target if it is in a certain list. You can do this by using event.preventDefault() or by adding jQuery to your document.
The preventDefault() method is used to cancel the event when it’s cancellation-able, which means it is a default event which is tied to the event won’t take place. This can be beneficial for situations such as:

  • By clicking on the “Submit” button, you can block the form from being submitted
  • When you click on a link, stop that link from accessing the URL

Syntax:

event.preventDefault()

Here is example: 

$(document).ready(function() {
$(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
}
});
});

jqueryprevent double click
Share

2 Answers

  1. Best Answer

    Hope it works for you 

    $(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});
    • 12

  2. There is a simple solution

    $('.btn').on('click', function(e) {
    e.preventDefault();
    $(this).off("click").attr('href', "javascript: void(0);");
   //add .off() if you don't want to trigger any event associated with this link
});
    • 16

Leave an answer

You must login to add an answer.

Need An Account,