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

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

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();
});