如何避免連續雙擊？

Question

$('#element').dblclick(function(e){ 
    console.log("event"); 
});    

當我以非常快的速度單擊該元素時，它會多次顯示該事件。但是我想讓用戶連續不斷地雙擊，可能會跳過它1秒，我該怎麼做？謝謝。

Answer 1

我會使用doTimeout plugin，具體是去抖功能：http://benalman.com/code/projects/jquery-dotimeout/examples/debouncing/。嘗試我發佈的第二個鏈接的第一個示例。然後，只需將其修改爲雙擊而不是keyup。

Answer 2

var click_allowed = true; 
$('#element').dblclick(function(e){ 
    if (!click_allowed) return; 
    console.log("event"); 
    click_allowed = false; 
    window.setTimeout(function() { 
    click_allowed = true; 
    }, 1000); 
} 

Answer 3

var lastClick = 0; 
$('#element').dblclick(function(e){ 
    var time = (new Date()).getTime(); 
    if(time > lastClick + 1000) { 
    lastClick = time; 
    console.log("event"); 
    } 
} 

Answer 4

您可以使用.one以確保您的事件處理程序只運行一次，然後就可以重新綁定，一旦有足夠的時間已經過去（live demo）：

function dblclickHandler(e){ 
    console.log("event"); 
    setTimeout(setHandler, 1000); 
} 

function setHandler() { 
    $('#element').one('dblclick', dblclickHandler); 
} 

setHandler();