팝업에서 창 온로드 이벤트를 감지하는 방법

팝업에서 창 온로드 이벤트 감지

Window.open은 JavaScript에서 새 브라우저 창이나 탭을 여는 기본 방법입니다. 위치, 크기, 브라우저 컨트롤 등의 매개변수를 지정하여 팝업의 모양과 기능을 맞춤설정할 수 있습니다. 그러나 새로 열린 창이 완전히 로드되었는지 감지할 수 있는 간단한 방법은 없습니다.

샘플 코드에서 $(window.popup).onload를 사용하여 로드 이벤트를 처리하려고 시도했지만 실패했습니다. 모든 주요 브라우저에서. 이러한 제한을 극복하려면 다른 접근 방식을 채택해야 합니다.

해결책에는 기본 'load' 이벤트 리스너를 활용하는 것이 포함됩니다. 수행 방법은 다음과 같습니다.

<code class="javascript">var myPopup = window.open(...);
myPopup.addEventListener('load', myFunction, false);</code>

이 메서드는 myPopup 창의 'load' 이벤트에 이벤트 리스너를 연결합니다. 팝업 내의 페이지 로드가 완료되면 myFunction 함수가 실행됩니다.

Internet Explorer를 대상으로 하는 경우 IE는 이벤트 리스너에 대한 조건부 지원을 제공하므로 약간 다른 접근 방식을 사용해야 합니다.

<code class="javascript">myPopup[myPopup.addEventListener ? 'addEventListener' : 'attachEvent'](
  (myPopup.attachEvent ? 'on' : '') + 'load', myFunction, false
);</code>

이 조건부 검사를 사용하면 코드가 IE와 최신 브라우저 모두에서 작동할 수 있습니다. 그러나 IE를 지원하는 것은 번거로울 수 있으므로 가능하면 피해야 한다는 점은 주목할 가치가 있습니다.

위 내용은 팝업에서 창 온로드 이벤트를 감지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!