[javascript] browser history.back detect example / 브라우저 뒤로가기 감지 방법

[javascript] browser history.back detect example / 브라우저 뒤로가기 감지 방법

 

 

웹 사이트를 개발하다보면

 

현재 페이지를 새로 접근한건지, 뒤로가기를 이용해서 돌아온건지 확인해야 하는 경우가 있습니다!

 

그럴때 확인할 수 있는 방법들은 여러가지가 있지만,

 

이번에는 pageshow 를 이용해서 체크하는 방법을 공유해보려고 합니다!

 

window.addEventListener("pageshow", function(event) {
    if (event.persisted) {
        // 페이지가 브라우저 캐시에서 불러와진 경우
        console.log("뒤로가기로 페이지에 돌아왔습니다.");
    } else {
        console.log("새로 로드된 페이지입니다.");
    }
});

 

 

위 내용을 보시면 아시겠지만, 

 

브라우저가 페이지를 뒤로가기 등을 통해 히스토리 캐시에서 불러오는 경우, pageshow 이벤트를 감지해서 체크를 하는 부분입니다!

 

하지만 브라우저마다 뒤로가기의 방식들이 달라서 

 

100프로 정확하지는 않을 수 있습니다!

 

참고들 하세요!