onbeforeunload 이벤트 검사 창 새로 고침 또는 닫기 사용

onunload, onbeforeunload는 페이지를 새로 고치거나 닫을 때 호출됩니다. 차이점은 다음과 같습니다.
onbeforeunload는 페이지를 새로 고치거나 닫기 전에 터치합니다. 브라우저는 서버에 새 페이지를 읽으라고 요청하지 않았기 때문에 onbeforeunload는 페이지의 업데이트나 닫기를 막을 수 있습니다.
onunload도 페이지를 새로 고치거나 닫을 때 터치하지만, 브라우저가 서버에 새 페이지를 읽을 것을 요청하기 때문에, onunload는 페이지의 업데이트나 닫기를 막을 수 없습니다.

1. onbeforeunload 이벤트


이벤트가 트리거될 때 확인과 취소가 있는 대화상자가 팝업됩니다. 확인이 끝난 후에야 후속 이벤트를 실행할 수 있습니다. 그렇지 않으면 이 페이지에 계속 남아 있습니다.다음 작업을 수행합니다.
  • 브라우저 창을 닫습니다
  • 주소 표시줄이나 즐겨찾기를 통해 다른 페이지로 갈 때
  • 반환, 전진, 갱신, 홈페이지 중 하나를 클릭할 때
  • 다른 페이지로 가는 URL을 눌렀을 때
  • 다음 임의의 이벤트를 호출할 때: 클릭,documentwrite,documentopen,documentclose,windowclose,windownavigate,windowNavigateAndFind,locationreplace,locationreload,formsubmit. 
  • 윈도우즈 오픈으로 페이지를 열고 이 페이지의 윈도우즈 이름을 열 페이지에 전달할 때. 
  • 위치를 다시 부여합니다.href 값일 때. 
  • input type="submit"단추를 통해 지정한 액션이 있는 폼을 제출할 때. 

  • 다음 요소에 사용할 수 있습니다.
  • BODY, FRAMESET, window

  • 플랫폼 지원: IE, Firefox, Chrome, Safari.Opera는 지원되지 않습니다.
    예:
    
    
     
      
         
     
    
     
      
      window.onbeforeunload = function(){
    	return ' ';
      }
      
     
    

    2. onunload 이벤트


    이벤트가 트리거되면 확인만 있는 대화 상자가 팝업되고 점이 확인되면 다음 이벤트가 실행됩니다.
    다음 작업을 수행합니다.
  • 브라우저 창을 닫습니다
  • 주소 표시줄이나 즐겨찾기를 통해 다른 페이지로 갈 때
  • 반환, 전진, 갱신, 홈페이지 중 하나를 클릭할 때
  • 다른 페이지로 가는 URL을 눌렀을 때
  • 다음 임의의 이벤트를 호출할 때: 클릭,documentwrite,documentopen,documentclose,windowclose,windownavigate,windowNavigateAndFind,locationreplace,locationreload,formsubmit. 
  • 윈도우즈 오픈으로 페이지를 열고 이 페이지의 윈도우즈 이름을 열 페이지에 전달할 때. 
  • 위치를 다시 부여합니다.href 값일 때. 
  • input type="submit"단추를 통해 지정한 액션이 있는 폼을 제출할 때. 

  • 플랫폼 지원: IE만 지원되고 나머지는 지원되지 않습니다.
    예:
    
    
     
      
         
     
    
     
      
      window.onunload = function(){
    	alert(' ');
      }
      
     
    

    좋은 웹페이지 즐겨찾기