[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
반응형
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
[JavaScript]_Closure (클로저) (0) | 2022.05.31 |
---|---|
[new Date]_날자 함수 Date() 정리 (0) | 2022.05.26 |
[이벤트 위임]_ul li 이벤트 위임. (0) | 2022.05.24 |
[FileUpload]_DataTransfer() 를 사용한 multiple 업로드 구현 (0) | 2022.05.15 |
[Input_type="file"]_업로드 구현을 위한 프론트 부분 (2) | 2022.04.29 |