JavaScript/jQuery에서 여러 크기 조정 이벤트를 방지하는 방법은 무엇입니까?

JavaScript/jQuery에서 다중 크기 조정 이벤트 방지

$(window).resize를 사용하는 경우 수동 창 크기 조정 중에 이벤트가 여러 번 발생할 수 있습니다. 이 문제를 해결하고 크기 조정이 완료된 후 함수가 한 번만 호출되도록 하려면 다음 해결 방법을 고려하십시오.

waitForFinalEvent를 사용한 구현

CMS의 이 수정된 버전의 솔루션은 여러 호출을 허용합니다. 코드의 다른 부분에서:

<code class="javascript">var waitForFinalEvent = (function () {
  var timers = {};
  return function (callback, ms, uniqueId) {
    if (!uniqueId) {
      uniqueId = "Don't call this twice without a uniqueId";
    }
    if (timers[uniqueId]) {
      clearTimeout (timers[uniqueId]);
    }
    timers[uniqueId] = setTimeout(callback, ms);
  };
})();</code>

사용 예

waitForFinalEvent 함수를 다음과 같이 코드에 통합합니다.

<code class="javascript">$(window).resize(function () {
    waitForFinalEvent(function(){
      alert('Resize...');
      //...
    }, 500, "some unique string");
});</code>

이렇게 하면 창 크기가 조정될 때 완료되면 waitForFinalEvent에 지정된 콜백 함수가 500밀리초의 지연으로 실행됩니다. 고유 ID 매개변수는 창 크기 조정을 위해 여러 콜백을 사용할 때 충돌을 방지합니다.

위 내용은 JavaScript/jQuery에서 여러 크기 조정 이벤트를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!