Recent Posts
Recent Comments
Link
11-17 00:00
Today
Total
관리 메뉴

삶 가운데 남긴 기록 AACII.TISTORY.COM

웹페이지 뒤로가기 방지 방법 본문

DEV&OPS/Javascript

웹페이지 뒤로가기 방지 방법

ALEPH.GEM 2022. 4. 19. 13:53

본래 뒤로가기는 클라이언트 측의 브라우저의 고유 기능이기 때문에 서버 측에서 막는 것이 사실 불가능 하지만

종종 기능상의 이유로 뒤로가기를 막을 필요가 있습니다.

이용자 뒤로가기를 막는 꼼수는 여러가지 있지만 가장 깔끔한 방법을 소개합니다.
원리는 히스토리 스택에 강제로 현재 페이지의 URL을 박아 넣은 뒤
뒤로가기를 할 경우 현재 페이지를 보여주는 방법입니다.

스크립트 태그 안에 아래와 같이 입력하면 됩니다.

history.pushState(null, null, "http://현재페이지URL을 입력하세요.");

window.onpopstate = function(event) {
history.go(1);
};

 

728x90