Javascript 예제
jQuery 로 페이지를 벗어날때 확인창 띄우기
스토브
2012. 6. 8. 11:10
웹에서 글을 작성하다 뒤로가기, 창닫기, 리프레쉬등등 실수로 페이지를 벗어날때 요런창이 뜨는 사이트가 있다.
IE9에서
크롬에서
jQuery 를 이용해서 죠런 기능을 구현할려면 요렇게 하면 된다.
<script> var checkUnload = true; $(window).on("beforeunload", function(){ if(checkUnload) return "이 페이지를 벗어나면 작성된 내용은 저장되지 않습니다."; }); </script>
단, 글쓰기 버튼을 클릭해서 글을 저장한 후 페이지를 이동할때도 저런 메시지가 뜨기 때문에, 고럴땐 checkUnload 값을 false 로 바꿔준 후 submit 이나 페이지를 이동해야 한다~
$("#saveBtn").on("click", function(){ checkUnload = false; $("#saveForm").submit(); });