js로 페이지 이동시 이벤트 걸기

페이지 A에서 B로 이동할 때 마다 특정 이벤트를 걸어주는것 보다

매 페이지 이동마다 이벤트를 걸어야할 때가 있다(로딩 액션 등)

 

window.addEventListener("beforeunload", function (e) {
    // 액션 실행
    alert("페이지를 이동합니다");
});

위와 같이 beforeunload이벤트를 이용해서 매 페이지 이동마다 액션을 넣어줄 수 있다

https://developer.mozilla.org/ko/docs/Web/API/Window/beforeunload_event

Window: beforeunload 이벤트 - Web API | MDN

beforeunload이벤트 말고 unload이벤트도 있는데 console.log같이 출력하는 코드는 작동하지만 따로 액션을 구현하기엔 무리가 있다

https://developer.mozilla.org/ko/docs/Web/API/Window/unload_event

Window: unload 이벤트 - Web API | MDN

 

 

해당 이벤트는 history.back이나 새로고침 등 어떠한 경우의 페이지 이동에도 작동한다

 

추가로 jquery로 구현한다면 이런형식이다

$(window).on("beforeunload",function(){
	alert("페이지를 이동합니다");
})