글작성중 beforeunload 이벤트 처리 방법
조회수 4787회
창을 나가거나 할때는 이런식으로 처리하면 될탠데
$(window).bind("beforeunload", function (e){
return "내용을 잃어버릴수도 있습니다. 그래도 나가시겠습니까?";
});
글 작성 중 페이지를 벗어나거나 목록으로 돌아갈경우 이벤트 처리 방법이 어떻게 될까요?
-
(•́ ✖ •̀)
알 수 없는 사용자
2 답변
-
window.document 안에 어떤 입력폼이 있는 상황이라면 이런 자료가 도움이 될지 모르겠습니다. (검색어: js confirm before leaving the form)
// 일단 window.beforeunload 이벤트를 바인딩 $(window).on("beforeunload", function() { return "내용을 잃어버릴 수도 있습니다. 그래도 나가시겠습니까?"; }); $(document).ready(function() { // 어떤 폼의 제출 이벤트가 터지면 $("#myForm").on("submit", function (e) { // 그 폼을 언제 나가도 괜찮도록 window.beforeunload 바인딩을 풀어주고 $(window).off("beforeunload"); // 폼제출ㄱㄱ return true; }); });
- 위에분 말처럼 onbeforeunload나 onclose는 브라우저 지원이 안되는경우가 있는 이벤트라면 onunload가 나을까요? 알 수 없는 사용자 2018.10.19 18:26
- 뭐가 나을까 궁금하실 땐 A vs B vs C 형식으로 구글하시면 됩니다. https://stackoverflow.com/questions/6895564/ 엽토군 2018.10.19 18:38
- 감사합니닷 알 수 없는 사용자 2018.10.22 10:14
-
onbeforeunload
나onclose
는 브라우저 지원이 안되는경우가 있는 이벤트이니onunload
를 사용하세요.https://developer.mozilla.org/ko/docs/Web/API/WindowEventHandlers/onunload
사용자가 페이지를 이동하려 할 때 이동을 일단 막고 메시지를 출력하려고 하시는것 같은데요.
대부분의 브라우저에서 스크립트로 인한 페이지 이동 차단은 불가능한것으로 알고 있습니다. 아마 스팸 사이트에서 악용할 수 있기 때문이지 않을까 추정되네요.
댓글 입력