계속 두 번 연속 클릭하지 않으려면 어떻게해야합니까?

Question

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

매우 빠른 클릭으로 요소를 클릭하면 여러 번 이벤트가 표시됩니다. 하지만 사용자가 계속해서 두 번 클릭하지 못하게하고 1 초 동안 건너 뛸 수있게하려면 어떻게해야합니까? 고맙습니다.

Answer 1

doTimeout plugin, 특히 debounce 기능 : 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

(live demo을) 당신은 당신의 이벤트 핸들러가 한 번만 실행되도록하기 위해 .one을 사용할 수 있습니다, 그리고 당신은 한 번에 충분한 시간이 경과 바인딩 할 수 있습니다

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

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

setHandler();