본문 바로가기
언어/JavaScript

[JavaScript] 뒤로가기 이벤트 감지해서 막기

by 만_두 2022. 3. 10.

뒤로가기 이벤트 감지

http://sunkyun.com/community/bbs/board.php?bo_table=script&wr_id=37&page=1

 

history back (Back Forward Cache) 감지 - 익스, 크롬, 사파리, 파이어폭스 뒤로가기 이벤트 감지 > JAVASCRIPT

window.onpageshow = function(event) {if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) {// Back Forward Cache로 브라우저가 로딩될 경우 혹은 브라우저 뒤로가기 했을 경우alert(

sunkyun.com

https://developer.mozilla.org/ko/docs/Web/API/WindowEventHandlers/onhashchange

 

WindowEventHandlers.onhashchange - Web API | MDN

hashchange 이벤트를 처리하기 위한 event handler 입니다.

developer.mozilla.org

get방식으로 return 한 jsp 페이지에서는 잘 작동이 되는데, post방식으로 return 한 jsp 페이지에서는 작동이 안된다.

post방식으로 return 한 jsp 페이지에서 계속 작동이 안되서 get방식으로 바꿔서 해보니 바로 정상적으로 작동이 되었다.

window.onpageshow = function(event) {
      if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) {
      // Back Forward Cache로 브라우저가 로딩될 경우 혹은 브라우저 뒤로가기 했을 경우
      alert("발생!");
      location.href="index.jsp";
    }
}

댓글