Как избежать непрерывного двойного щелчка?

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();