사이트에서 나가시겠습니까? 묻기

입력이 있는 페이지에서 잔뜩 글을 작성 중인데, 실수로 X 버튼을 누른다면 어떻게 될까?

대부분의 웹사이트는 바로 닫히지 않고 웹페이지를 닫을 것인지 묻는 알림창이 뜰 것이다.

이는 당연히 자동으로 생성되는 기능이 아니라, 개발자가 구현해주어야 하는 부분이다.

 

다음과 같이 구현할 수 있다.

window.addEventListener('beforeunload', function (event) {
  // 경고 메시지를 설정합니다.
  event.returnValue = '페이지를 떠나시겠습니까?';

  // 이벤트 객체의 returnValue 속성에 경고 메시지를 설정하면 브라우저가 경고를 표시합니다.
});

적절하게 script에 넣어줌으로써, 페이지를 진짜로 떠날지 마지막으로 물을 수 있다.