반응형
beforeunload를 사용하여 해당 페이지를 떠날지 여부를 체크해보자
beforeunload는 페이지를 떠날 경우 발생하는 이벤트다.
즉, 인터넷 창을 닫거나, 다른 페이지로 이동하는 경우를 의미한다.
예제 |
1 2 3 4 5 | <script type="text/javascript"> $(window).on("beforeunload", function () { return "영상을 50초 이상 시청하지 않아 학습이 완료 되지 않았습니다.\n그래도 종료하시겠습니까?"; }); </script> | cs |
위의 코드는 해당 페이지를 떠날 경우 다음과 같은 창이 뜨게 된다.
이 페이지 나가기 클릭 시 (return true) 해당 페이지를 떠나게 된다.
이 페이지에 계속 있기 클릭 시 (return false) 해당 페이지에 계속 머물게 된다.
참고 |
body에 onbeforeunload 을 추가해줘도 된다.
1 2 | <body onbeforeunload="javascript:함수명();"> </body> | cs |
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jQuery] jquery 템플릿 (text/x-jquery-tmpl) (1) | 2018.10.23 |
|---|---|
| [jQuery] opener, parent 부모창 제어 (1) | 2018.05.02 |
| [jQuery] append, remove 태그 추가/삭제 (0) | 2017.02.03 |
| [jQuery] AJAX 아작스(에이잭스) (0) | 2017.02.03 |
| [jQuery] attr, prop 함수 (태그 속성 값 취급) (0) | 2017.02.03 |
