마지막 이벤트를 제외하고 모든 이벤트 취소

Question

이 작업을 수행 할 수 있습니까? 한 시간 내에 많은 이벤트가 많이 발생한다고 가정합니다. 이전 이벤트를 모두 취소하고 마지막 이벤트 만 사용합니다.

마지막 이벤트는 3 초 동안 더 이상 이벤트가 없을 때만 한 번만 발생합니다.

예를 들면. 버튼이 있습니다. 우리는 사용자가 원하는만큼이 버튼을 여러 번 클릭하도록 할 것이고 우리는이 버튼을 비활성화하지 않을 것입니다. 사용자가 얼마나 많은 시간을 클릭했는지에 상관없이 마지막 클릭으로 한 번의 클릭 수로 간주됩니다. 3 초 이내에 더 이상 클릭이 없을 때 클릭 이벤트가 수행됩니다.

Answer 1

당신이 찾고있는 것을 debouncing이라고합니다. 이 작업에는 이미 훌륭한 plugin/library from Ben Alman이 있습니다.

(function() { 
    var button = document.getElementsByTagName("button")[0], 
     func = Cowboy.debounce(1000, function() { console.log("click fired!"); }); 

    button.addEventListener("click", func); 
}())​ 

fiddle

Answer 2

var domButton = document.getElementById('some-button'), 
    timeOut; 
domButton.addEventListener('click', function(e) { 
    if (e.clientX && e.clientY) { 
     e.preventDefault(); 
     clearTimeout(timeOut); 
     timeOut=setTimeout(function({document.getElementById('somebutton').click()},3000); 
    } 
},false)