如何防止鼠标双击(一次）

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

本文关键字：一次 双击 何防止 鼠标      更新时间：2023-09-26
   $(document).ready(function() {
    $(".voteMe").one('click', function (event) { 
              event.preventDefault();          
           //my stuff
$(this).prop('disabled', true);
        });
    });

上面的代码允许单击鼠标。但它不允许下一次单击我的意思是下一次单击鼠标 它假设双击。 我的最终结论是我想要允许所有单击和 dis 允许双击（当消费者输入双击时，只需单击一次）

使用以下代码

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

您可以使用setTimeout()函数并阻止在指定时间段内执行处理程序：

$(".voteMe").on('click', function (event) {
    if ($(this).hasClass('clicked')) return;
    var $this = $(this).addClass('clicked');
    setTimeout(function() { $this.removeClass('clicked'); }, 500);
    // ...
});

试试这个：

 $(document).ready(function() {
    $(".voteMe").one('click', function (event) { 
          event.preventDefault();          
       //my stuff
       $(this).prop('disabled', true);
       $(".voteMe").unbind("click");
    });
});
然后

，您应该取消绑定双击：

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

Jquery 绑定双击和单击分别

变量延迟 = 700， 点击次数 = 0， 计时器 = 空;

$（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
});

}）;

相关文章：