팝업창 닫힐때 이벤트 잡기 / PopUp Window Event

팝업창을 열고 난 후, 팝업창이 닫힐때 이벤트

팝업창을 열고 난 후 해당 팝업창이 닫힐때 이벤트를 처리해야 되는 경우가 있습니다. 예를 들어 메인에서 바코드를 입력받는 경우 팝업창이 열리게 되면 바코드 입력란이 포커스를 잃게되기 때문에 팝업창이 닫히게 되면 다시 포커스를 설정해 주어야 합니다. 

 

팝업창 닫힐때 이벤트

 

 

 

메인에서 처리하기/ 팝업창에서 처리하기

 

두가지 방법으로 처리할 수 있겠는데요, 팝업창 내에서 onunload() 이벤트를 잡아서 처리하는 방법이 있고, 메인에서 팝업창을 열때 핸들러를 이용하는 방법이 있습니다

 

 

 

 

 

아래와 같이 window.open 으로 팝업을 띄울 때 핸들러를 받을 수 가 있는데요. 이 핸들어의 onbeforeunload() 이벤트를 잡아서 원하는 동작 (예를 들어 포커스를 설정)을 하면 되겠습니다

 

function ShowDayTotal()
{
    var w = window.open("./day_total.html", "", "left=225,top=10,width=1200,height=850");    
 
    w.onbeforeunload = function(){
        document.getElementById('user_barcode').focus();        
    };                    
}
 

 

 

참고로 저 동해둘리가 직접 운영하는 '성공하는 중이다'  카페를 소개드립니다. 

각자의 분야에서 성공을 향해 가는 과정에서 힘이되는 이야기, 힘이되는 사진, 성공스토리, 실패스토리 등을 나누고자 합니다. 많은 참여 부탁드려요

 

https://cafe.naver.com/ingsuccess

성공하는 중이다 : 네이버 카페