글 입력/수정 중 페이지 이동/새로고침/닫기시 확인 메시지 띄우기

웹에서 글(게시판, 이메일 등)을 작성중에 잘못 클릭해서 작성중인 글이 사라지면 곤란하다.

물론 의도한 경우 나가는건 상관 없겠지만, 의도하지 않았는데 나가지거나 이동되어 작성중인 내용이 사라진다면… 끔찍하다.

사용자의 노력이 허망하게 날라가는것을 방지하기 위해 최근에는 사용자의 노력이 날라갈 수 있는 경우(정의하기 나름)에 확인 메시지를 보여주고, 확인한 경우에만 페이지 이동등을 해준다. 마지막 안전장치인것이다.

그럼 우리가 만드는 웹에서도 이런 안전장치를 설치하자.

위의 코드는 페이지 리프레쉬, 페이지 이동이 발생하는 경우만 확인 메시지를 띄어준다. 페이지 이동 없이 다른 메뉴로 이동이 가능한 angularjs의 경우엔 페이지 이동 이벤트에 대해서 처리를 해줘야한다. 아래 코드는 ui-router 를 사용하는 경우에 동작한다.

자 안전장치를 설치해서 사용자에게 더 나은 경험을 제공하자!

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

다음의 HTML 태그와 속성을 사용할 수 있습니다: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">