크기 조정 작업이 완료된 후에만 작업을 실행하는 방법은 무엇입니까?

최적의 액션 실행을 위해 'resize' 이벤트 '끝'을 기다리는 중

이벤트 중심 프로그래밍에서는 크기를 처리하는 것이 일반적입니다. 일반적으로 창이나 기타 크기 조정 가능한 요소에 할당되는 'resize' 이벤트를 사용하여 변경합니다. 그러나 크기 조정 작업이 발생하면 프로세스 중에 'resize' 이벤트가 여러 번 트리거되어 이벤트 핸들러가 중복 실행됩니다.

'resize' 이벤트의 '종료' 캡처

이 문제를 해결하고 크기 조정이 완료된 경우에만 작업을 실행하려면 'setTimeout()' 사용과 관련된 기술을 사용할 수 있습니다. 및 'clearTimeout()'.

해결책:

크기 조정 작업에 대한 이벤트 핸들러 역할을 할 'resizew()' 함수를 만듭니다.

'doit' 변수를 선언하고 'null'로 초기화합니다. 이 변수는 'setTimeout()'에서 반환된 시간 초과 ID를 보유합니다.

'window' 객체의 'onresize' 이벤트에 이벤트 리스너를 연결합니다.

'doit'과 관련된 보류 중인 시간 초과 요청을 취소하려면 'clearTimeout()'을 사용하세요. 변수.

'setTimeout()'의 결과를 'doit' 변수에 할당합니다. 이는 100밀리초 지연 후 'resizew()' 실행을 예약합니다.

크기 조정 작업이 끝나면 'resizew()'를 즉시 트리거하지 않고 'onresize' 이벤트 핸들러가 호출됩니다. . 지정된 지연(100밀리초) 후 'resizew()'가 실행되어 크기 조정 프로세스가 완료되었음을 표시합니다.

예제 코드:

다음 코드는 다음을 보여줍니다. 이 접근 방식의 구현:

이 솔루션은 관련 오류를 방지하여 '크기 조정' 이벤트를 효과적으로 처리합니다. 크기 조정 프로세스 중에 실행되는 작업입니다. 대신 크기 조정 작업이 완전히 완료된 후에만 작업이 트리거됩니다.

위 내용은 크기 조정 작업이 완료된 후에만 작업을 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!