특정 페이지 모든 링크(a태그) 클릭시 경고창 출력
본문
모바일 상품주문페이지에서 실수로 다른 링크를 눌러 빠져나가는 경우가 가끔 발생하는것 같더라구요.
특히 터치가 서투른 분들 ㅋㅋ;; 다시 돌아가도 입력하던 내용은 모두 날아가지요ㅜㅜ
그래서 상품주문페이지에 스크립트나 기타 방법으로 해당 페이지에서 타 링크(모든 a태그) 클릭시
"입력하시던 정보가 모두 소실됩니다. 이 페이지를 나가시겠습니까?" 라는 alert 창을 띄워주고 싶은데,
혹시 간단히 구현할수 있는 방법이 있을까요? (__)
답변 2
jquery 를 사용한다는 가정하에..
<script>
$(window).on('beforeunload', function () {
return '입력하시던 정보가 모두 소실됩니다. 이 페이지를 나가시겠습니까?';
});
</script>
답변 정말 감사드립니다 ㅜㅜ 혹시 제이쿼리 사용을 안한다는 가정하에 대체해서 쓸수 있는 방법은 없을까요? 모바일 브라우저에 따라 머물기 눌러도 알럿이 두번뜨는 오류가 가끔 생기네용..ㅜㅜ
jquery 안써도 비슷합니다
<script>
window.onbeforeunload = function () {
return '입력하시던 정보가 모두 소실됩니다. 이 페이지를 나가시겠습니까?';
};
</script>
답변을 작성하시기 전에 로그인 해주세요.