본문 바로가기
프로그래밍/자바스크립트

[javascript] 자바스크립트 뒤로가기 막기

by imfireguy 2021. 7. 10.
반응형

@jexo unsplash

자바스크립트 뒤로가기 막는 방법에는 어떤것들이 있을까?

일을 하면서 어떠한 경우에 페이지가 뒤로가기가 되어서 다시 입력이 되는 경우가 발생 했습니다.

그래서 여러가지 방법을 찾아보았습니다.

 

1. no-cache와 쿠키(세션)을 이용한 방법

 - header와 meta 태그에 no-cache 적용

 - 각페이지별 로그인 여부 검증( 쿠키 or 세션)후 로그인이 아닐 경우 페이지 이동(Header 방식)

 

2. 로그아웃 부분에 강제 IE종료 javascript를 넣어 브라우저를 닫는 방법

 

3. 모든 페이지 이동을 javascript의 Replication 으로 동작 하게 변경

에디트에서 submit 되는 영역은 Replication이 불가능 하기 때문에 ajax로 폼 전송 후 javascript Replication 처리

 

자바스크립트 뒤로가기 막기 방법

1. history에 현재 페이지를 추가하고 현재 페이지에서 뒤로가기를 막는 방법

 - js

history.pushState(null, null, location.href); 
window.onpopstate = function(event) { 
	history.go(1); 
};

 

2. 다른 간단한 방법

- js

window.history.forward(); function noBack(){ 
  window.history.forward();
}

 

- html

<body onload="noBack();" onpageshow="if(event.persisted) noBack();" onunload="">

 

반응형

댓글