특정 페이지 모든 링크(a태그) 클릭시 경고창 출력

퍼펙또

2014-09-26 (금) 23:16:06 8,308

모바일 상품주문페이지에서 실수로 다른 링크를 눌러 빠져나가는 경우가 가끔 발생하는것 같더라구요.

특히 터치가 서투른 분들 ㅋㅋ;; 다시 돌아가도 입력하던 내용은 모두 날아가지요ㅜㅜ

그래서 상품주문페이지에 스크립트나 기타 방법으로 해당 페이지에서 타 링크(모든 a태그) 클릭시

"입력하시던 정보가 모두 소실됩니다. 이 페이지를 나가시겠습니까?" 라는 alert 창을 띄워주고 싶은데,

혹시 간단히 구현할수 있는 방법이 있을까요? (__)

영카트5 모바일 그누보드5

채택된 답변

+20 포인트

동하아빠

2014-09-27 (토) 01:50:33

jquery 를 사용한다는 가정하에..

Copy

<script>$(window).on('beforeunload', function () {    return '입력하시던 정보가 모두 소실됩니다. 이 페이지를 나가시겠습니까?';}); </script>

퍼펙또

2014-09-28 (일) 20:45:02

답변 정말 감사드립니다 ㅜㅜ 혹시 제이쿼리 사용을 안한다는 가정하에 대체해서 쓸수 있는 방법은 없을까요? 모바일 브라우저에 따라 머물기 눌러도 알럿이 두번뜨는 오류가 가끔 생기네용..ㅜㅜ

동하아빠

2014-09-28 (일) 21:07:23

jquery 안써도 비슷합니다

window.onbeforeunload = function () {
    return '입력하시던 정보가 모두 소실됩니다. 이 페이지를 나가시겠습니까?';
};

답변을 작성하려면 로그인이 필요합니다.