화면에서 빠져나갈때 Event 발생 시키기

1.개요

화면 전환 의 순간에 Event를 발생 시키는 방법을 알아보자.

• beforeunload

2.Code

window.addEventListener('beforeunload', (e) => {
  alert('Do you really want to leave?')
})

작성 중이었던 문서 나 데이터 를 저장해야하는데 실수로 뒤로 가기 를 해버렸다거나, 새로고침 을 해버릴경우 데이터가 모두 날라가는 경우가 발생한다. 이럴때 화면이 전환될때 세션 에 저장하게 해서 다음에 다시 접속시 작성중이던 데이터를 살려 주거나, 사용자에게 정말 이 페이지를 떠나겠냐는 Alert 등을 발생 시킬 수도 있다.