how to prevent the double mouse click(at a time)

Question

   $(document).ready(function() {
    $(".voteMe").one('click', function (event) { 
              event.preventDefault();          
           //my stuff

$(this).prop('disabled', true);
        });
    });

the above code is allowing single mouse click.but it is not allowing next click i mean next single mouse click it is assuming double click. my final conclusion is i want allow all single clicks and dis allow double clicks(when ever consumer enter double click it will take only single click only)

this would be useful.... pls check http://stackoverflow.com/questions/6330431/jquery-bind-double-click-and-single-click-separately — Sai Sherlekar, Sep 24 '13 at 10:52
Your question makes no sense. Just don't bind anything to the double-click event. — Reinstate Monica Cellio, Sep 24 '13 at 11:12

score 1 · Answer 1 · answered Apr 23 '14 at 08:54

1

Use following Code

 $(".voteMe").click(function (e) {
        if ($(this).hasClass('clicked')) return;
        $(this).addClass('clicked');
         setTimeout(function() { $(this).removeClass('clicked'); }, 500);

    });

answered Apr 23 '14 at 08:54

Muhammad Tahir

2,351
29
25

Ram · Answer 2 · 2013-09-24T11:06:17.157

0

You can use setTimeout() function and prevent the execution of the handler in a specified period of time:

$(".voteMe").on('click', function (event) {
    if ($(this).hasClass('clicked')) return;

    var $this = $(this).addClass('clicked');
    setTimeout(function() { $this.removeClass('clicked'); }, 500);

    // ...
});

edited Sep 24 '13 at 11:06

answered Sep 24 '13 at 11:00

Ram

143,282
16
168
197

thanking you friend it is working fine.but some times it will allowing double click also my set timeout 1000 – user2750450 Sep 25 '13 at 04:46
@user2750450 Well, this shouldn't happen logically, can you provide a demo? – Ram Sep 25 '13 at 05:40

score 0 · Answer 3 · answered Sep 24 '13 at 11:28

0

try this:

 $(document).ready(function() {
    $(".voteMe").one('click', function (event) { 
          event.preventDefault();          
       //my stuff

       $(this).prop('disabled', true);

       $(".voteMe").unbind("click");
    });
});

answered Sep 24 '13 at 11:28

Gurminder Singh

1,755
16
19

aleation · Answer 4 · 2013-09-24T10:57:23.233

-1

You should then unbind the double click:

$('.voteMe').unbind('dblclick');

edited Sep 24 '13 at 10:57

answered Sep 24 '13 at 10:51

aleation

4,796
1
21
35

The use of `one` is the reason he can only click once. – Reinstate Monica Cellio Sep 24 '13 at 10:53
my bad, that's why i said I think, good to learn something new – aleation Sep 24 '13 at 10:54

score -2 · Answer 5 · edited May 23 '17 at 12:11

-2

Jquery bind double click and single click separately

var DELAY = 700, clicks = 0, timer = null;

$(document).ready(function() {

$("a")
.live("click", function(e){

    clicks++;  //count clicks

    if(clicks === 1) {

        timer = setTimeout(function() {

            alert('Single Click'); //perform single-click action

            clicks = 0;  //after action performed, reset counter

        }, DELAY);

    } else {

        clearTimeout(timer);  //prevent single-click action

        alert('Double Click');  //perform double-click action

        clicks = 0;  //after action performed, reset counter
    }

})
.live("dblclick", function(e){
    e.preventDefault();  //cancel system double-click event
});

});

edited May 23 '17 at 12:11

Community

1
1

answered Sep 24 '13 at 10:53

Sai Sherlekar

1,804
1
17
18

1

why using removed method live()? – A. Wolff Sep 24 '13 at 10:54
I don't get it, what should i see in your provided jsfiddle? – A. Wolff Sep 24 '13 at 11:02
As you've shown in your code, jQuery recognises the double-click event. There's no need for antiquated methods such as this. – Reinstate Monica Cellio Sep 24 '13 at 11:11

how to prevent the double mouse click(at a time)

5 Answers5