Kudos
Collect
Twiiter
Facebook
Share
개발의 'ㄱ'자라도 아는 날을 기대하며...

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

Last updated over 2 years ago
0 0 0 0

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

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

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

참조

안녕하세요?^^ 개발자라는 소리를 듣고 싶어 늦은 나이에 개발의 세계에 몸담게 된 Brad 라고 합니다. 아직 개발의 'ㄱ' 자도 모르지만, 개발을 배우면서 알게되는 것들을 림프에 정리해보려고 합니다. 저의 부족한 글이 누군가에게 조금이나마 도움이 되길 바랍니다.

Essedrop - Make your file online instantly
 

Responses

Leave a response to @brad

Please sign in to comment.
Markdown is also available in comment.