사이트 이용도중 사용자가 페이지를 변경하려고 할때 변경 여부를 확인 할 방법이 있는것 같은데 어찌 할수 있는지요
예를 들어 게시판에서 글을 작성하던 도중 저장하지 않고 다른 게시판으로 이동하려고 할경우도 있겠고 쇼핑몰에서 주문하던 도중 다른 사이트로 이동하려고 할경우도 있겠고 그런경우에 하던 작업을 취소하겠냐는 확인 메세지를 날리려고 하는것이죠.
추가로 그런작업하다가 브라우져를 종료하려는 경우도 그리 할수 있는지...
unLoad라는 이벤트를 사용해봤는데 이동 취소는 않되던데 다른 방법이 있는건지..
function checkMove(){
var ans;
ans=confirm("이동하시렵니까?"); //<----팝업1
if(ans) return true;
else return false;
}
위처럼 confirm을 사용을 해도 물어는 보긴 하는데 취소를 눌러도 본래 이용하던곳으로 유지가 되지 않고 다른 곳으로옴겨지더군요 닫기 버튼을 누를때도 마찬가지로물어는 보는데 걍 닫아져 버리고...
ㅎㅎ 자체 해결중이긴 한데..아직도 한가지..
onbeforeunload="return checkMove();"
onunload대신에 body에 위의 unbeforeunload를 사용했는데요
이렇게 하니 무엇에 의해 발생하는 것인지 모르겠는데 checkMove안에 있는 confirm에 의한 확인/취소 누르는 창이 뜬이후에 또다시 다른 확인/취소 창이 뜨네요.
경고창인데 내용인즉(팝업2의 내용)
이 페이지로부터 벗어나시겠습니까?
false <-- 팝업1에서 확인을 누르면 true;
계속 하려면 [확인]을 클릭하고, 현재 페이지에 있으려면 [취소]를 클릭하십시오.
라는 내용이네요. 중간에 false는 return checkMove();에 의해 전달된 값이 아닌가 싶은데 저값이 어디로 전달되서 저 팝업을 띄워 주는건지 아직 모르겠네요...
암튼 진행순서는 현재 이렇네요
팝업1->취소->팝업2->취소->현상태 유지
팝업1->취소->팝업2->확인->팝업1->취소->팝업2->취소->현상태 유지
팝업1->취소->팝업2->확인->팝업1->취소->팝업2->확인->이동
팝업1->취소->팝업2->확인->팝업1->확인->팝업2->취소->현상태 유지
팝업1->취소->팝업2->확인->팝업1->확인->팝업2->확인->이동
팝업1->확인->팝업2->취소->현상태 유지
팝업1->확인->팝업2->확인->팝업1->취소->팝업2->취소->현상태 유지
팝업1->확인->팝업2->확인->팝업1->취소->팝업2->확인->이동
팝업1->확인->팝업2->확인->팝업1->확인->팝업2->취소->현상태 유지
팝업1->확인->팝업2->확인->팝업1->확인->팝업2->확인->이동
현상태 유지하기위해선 팝업2에서 취소를 누르면 간단히 해결이 되긴 하겠는데 이동하기위해선 4번의 팝업을 봐야 하니..이거 원
팝업이 두번 또는 여러번 뜨지 않고 한번에 해결할라문 어케 해야 할까요....
