[Window.history]_history.back() 감지 함수

2022. 5. 26. 17:28[프론트엔드]_/[Javascript]_ES6

728x90
반응형

목적 : 뒤로가기 버튼 구현

문제점 :  글 작성 -> 목록 -> 뒤로가기 버튼 클릭시 작성 페이지로 이동함과 동시에 값이 남아있는 점


history.back() 을 사용했을 때 로딩 되는 페이지에서

해당 url 로 인한 진입인지, back으로 돌아온 페이지 인지 감지하여 함수를 동작시킬 수 있습니다.

window.onpageshow = function(event){
    if(event.persisted || (window.performance && window.performance.navigation.type == 2)){
        service.onLoadPage();
    }
}

 

해당 함수가 시작됨 -> back으로 돌아옴 -> 미리 지정한 로딩함수 등을 설정하여 값을 초기화

 

하는 방식으로 동작하게 하여, back버튼 로직을 유지하면서 오류를 해결하였습니다.

728x90
반응형