[Javascript] 브라우저 백버튼 클릭 체크

브라우저의 백버튼을 클릭했는지 체크할 수 있는 자바스크립트 코드

크롬에서는 브라우저의 백버튼을 눌렀을 때 자바스크립트가 재실행되어서 백버튼이 눌렸는지 따로 체크하지 않아도 되었는데, 사파리 등의 브라우저에서는 자바스크립트가 재실행되지 않기 때문에 변동된 화면 그대로 있다. 이 때 처리를 위해 브라우저의 백버튼의 클릭 이벤트를 체크할 수 있는 코드를 정리해준다.

window.onpageshow = function(event) {
    if ( event.persisted ) {
        ...
    } else {
        ...
    }
}

참고) 위 조건문에 || (window.Performance && window.PerformanceNavigation.type == 2) 조건을 추가해서 사용했었는데, MDN 페이지를 확인해보니 window.performance.navigation.type, window.PerformanceNavigation.type 은 deprecated 되어 사용을 추천하지 않는다고 한다. https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigation

참조

• https://programmingsummaries.tistory.com/380