継続的にダブルクリックしないでください。

Question

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

非常に高速なクリックで要素をクリックすると、何度もイベントが表示されます。しかし、私はユーザーが連続してダブルクリックをしないようにしたい、1秒間スキップすることができます、どうすればいいですか？ありがとうございました。

Answer 1

doTimeout plugin、特にデバウンス機能：http://benalman.com/code/projects/jquery-dotimeout/examples/debouncing/を使用します。私が投稿した2番目のリンクの最初の例を試してみてください。次に、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

（live demoを）あなたは、イベントハンドラが一度だけ実行されることを確認して.oneを使用することができ、その後、あなたはそれが一度に十分な時間が経過した再バインドすることができます

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

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

setHandler();