프로그래밍/jQuery
[jQuery] beforeunload 페이지를 떠날때 이벤트 발생 (onbeforeunload)
초보개발자꽁쥐
2017. 2. 3. 16:17
반응형
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 |
반응형