본문 바로가기
TIL/JavaScript

JS::팝업 윈도우의 닫힘 이벤트 처리

by DandyU 2023. 2. 9.

팝업 윈도우로 노출할 페이지가 Origin이 같다면, onbeforeunload로 이벤트 처리하고

 

const popupWindow = window.open('http://www.google.com')
popupWindow.onbeforeunload = function() { 
  // TODO: Your code
}

 

Origin이 다르면, onbeforeunload로 이벤트가 발생하지 않기 때문에 setInterval을 사용하여 팝업 윈도우가 닫혔는지 확인한다.

 

const popupWindow = window.open('http://www.google.com'); 
const timer = setInterval(function() { 
  if (popupWindow.closed) {
    clearInterval(timer);
    // TODO: Your code
  }
}, 1000);

 

Capture the close event of popup window in JavaScript

댓글