https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

https://developer.mozilla.org/ko/docs/Web/API/Window/beforeunload_event

 

ex1
<script>
    //이 페이지에서 뒤로가기 하거나, 목록을 누를때 그리고 새로고침을 할 때 이벤트 발생
    window.onbeforeunload = function(){
        return '페이지를 벗어나시겠습니까?';
    }
</script> 

 

ex2
<script>
    window.onbeforeunload = function() {
        jQuery('.portfolio_nav5 li:nth-child(1) > a').click();
    }
</script>
 

ex3
$(window).on("beforeunload", function() {
    return 'Dialog text here2.';
});
 

ex4
jQUery(window).bind("beforeunload", function (e){
    return "창을 닫으시겠습니까?";
}); 

ex5 : 페이지 이탈시 확인창 띄우기 
<script>
    var checkUnload = true;
    jQuery(window).on("beforeunload", function() {
        if(checkUnload) return "이 페이지를 벗어나면 작성된 내용은 저장되지 않습니다.";
    });


    //단, 글쓰기 버튼을 클릭해서 글을 저장한 후 페이지를 이동시 메시지가 뜨지않도록 checkUnload를 false로 변경 후 submit이나 페이지를 이동
    jQuery("#saveBtn").on("click", function(){
        checkUnload = false;
        jQuery("#saveForm").submit();
    });
</script>