뒤로가기, 창닫기 시 이벤트 경고창 띄우기

페이지 정보

profile_image
작성자 LJM
댓글 0건 조회 264회 작성일 18-11-02 14:03

본문

방법 1

$(window).bind("beforeunload", function (e){ 

return "페이지를 이동하시면 자료가 사라집니다."; 

}); 

 

방법 2

window.onbeforeunload = function() { 

    return "페이지를 이동하시면 자료가 사라집니다."; 

}

 

방법 3

window.addEventListener("beforeunload", function (event) { 

  event.returnValue = "페이지를 이동하시면 자료가 사라집니다."; 

}); 

 

크롬에서는 "페이지를 이동하시면 자료가 사라집니다." 이 메시지가 적용이 안되네요.

 

 

위 방법은 글을 쓸 때  "저장" 버튼을 클릭해도 메시지 창이 뜨기 때문에

글쓸때는

 

var checkUnload = true;

$(window).on("beforeunload", function(){

if(checkUnload) 

return "이 페이지를 벗어나면 작성된 내용은 저장되지 않습니다.";

 

});


를 사용하고

아래 처럼 글등록함수 밑에 

checkUnload = false;

를 넣으면 됨

 

 

function Writeform_submit(f) {

 

checkUnload = false;

f.submit();  

}

댓글목록

등록된 댓글이 없습니다.

로그인