jquery onchange set timeout

Question

사용자가 입력 필드에서 수량을 변경할 때 특정 코드가 실행되기를 원합니다. 하지만 사용자가 작은 위아래 화살표를 사용하여 빠르게 양을 늘리거나 줄이면됩니다. 5 번을 누르는 것과 같이 5 번 누르십시오. 코드를 5 번 실행하고 싶지 않습니다. 타이머를 설정하고 싶습니다. on change 이벤트가 감지되면 1 초 동안 기다리거나 on 변경이 중지 될 때까지 대기합니다. 그런 다음 최신 값을 가져옵니다.

그래서 짧은 시간 간격으로 여러 변경 사항을 감지하는 방법이 있습니다. 그런 다음 변경 사항이 발생하면 x 시간이 지나면 더 이상 변경이 발생하지 않습니다. 뭔가해라.

$("#quantity").on('change',function(){ 
    setTimeout(function(){ 
     console.log("fired"); 
    }, 1000); 
}); 

내 코드가 해고를 지연시키고 있습니다.

그럼 어떻게 할 수 있습니까? 이것은 우리가 설정 한 경우를 확인

  var timeoutId = 0;  
     object.dom.input.addEventListener('input',function() { 
      clearTimeout(timeoutId); 
      // do stuff 
      // Fire our onchange event 
       if (this.delayOnChange > 0) { 
        timeoutId = setTimeout(function() { this.onchange() }, this.delayOnChange); 
       } else { 
        this.onchange(); 
       } 
      } 
     },false); 

을 :

는 여기 Jquery change with delay

Answer 1

나는 사용자가 입력하는 동안 자주 변경을 트리거 방지하기 위해 입력 상자에 한 일이다 여기에 대한 답변과 중복 된 질문 발견 'delayOnchange', 그리고 'onchange()'이벤트의 트리거를 지연시킨 경우. onchange를 트리거하기 전에 사용자가 빠른 타이핑을 중지 할 때까지 기본적으로 기다리고 있으므로 입력을 변경할 때마다 타이머 (clearTimeout())를 재설정합니다.