본문 바로가기

[JavaScript] 뒤로가기 이벤트 감지하기

반응형

어떤 신청 페이지에서 완료 페이지로 넘어간 후, 뒤로가기 이벤트로 다시 신청 페이지로 접속하면 입력된 값이 그대로 노출되는 이슈가 있었다.

브라우저가 이전 페이지에 캐시가 있는지 확인하는 Back Forward Cache 때문이라고 한다.

응답 속도 향상 등, 필요한 기능이겠지만, 일단 내 상황에서는 불필요한 기능...

window.onpageshow = function(event) {
      if ( event.persisted || (window.performance && window.performance.navigation.type == 2)) {
      // Back Forward Cache로 브라우저가 로딩될 경우 혹은 브라우저 뒤로가기 했을 경우
      alert("뒤로가기 버튼이 클릭되었습니다!");
    }
}
반응형

댓글


Copyright ⓒ SmartWeb All rights reserved.