본문 바로가기

Javascript

사파리나 크롬의 뒤로가기 체크

window.onpageshow = function(event){
    if (event.persisted || (window.performance && window.performance.navigation.type == 2)){
        // 사파리 or 안드로이드에서 뒤로가기로 넘어온 경우(캐시)
        window.location.reload();
    }
};

 

onpageshow는 page 호출되면 캐시든 아니든 무조건 호출됨

사파리의 경우 뒤로가기 하면 캐시를 이용해 화면 보여주는데 이때 event.persisted 가 true임

그외 브라우저(크롬만 해봄;)에서는 window.performance && window.performance.navigation.type == 2 이걸로 뒤로가기인지 체크 가능하다.

 

출처 : https://ifuwanna.tistory.com/63

 

'Javascript' 카테고리의 다른 글

jQuery create form  (0) 2018.05.15
for loop javascript  (0) 2017.12.20
Javascript module, 공통 함수 만들기 정리  (1) 2017.07.21
jstl에서도 동적 매핑이 가능하다.  (0) 2017.06.29
jstl fn substring으로 날짜 앞에 0붙이기  (1) 2017.02.28