jQuery 로 페이지를 벗어날때 확인창 띄우기

웹에서 글을 작성하다 뒤로가기, 창닫기, 리프레쉬등등 실수로 페이지를 벗어날때 요런창이 뜨는 사이트가 있다.

IE9에서

크롬에서

jQuery 를 이용해서 죠런 기능을 구현할려면 요렇게 하면 된다.

1 2 3 4 5 6

<script>     var checkUnload = true;     $(window).on("beforeunload", function(){         if(checkUnload) return "이 페이지를 벗어나면 작성된 내용은 저장되지 않습니다.";     }); </script>

단, 글쓰기 버튼을 클릭해서 글을 저장한 후 페이지를 이동할때도 저런 메시지가 뜨기 때문에, 고럴땐 checkUnload 값을 false 로 바꿔준 후 submit 이나 페이지를 이동해야 한다~

1 2 3 4

$("#saveBtn").on("click", function(){     checkUnload = false;     $("#saveForm").submit(); });