안녕하세요.

질문하신 부분은 JavaScript의 onchange와

jQuery UI의 Dialog를 병행해서 사용하면 되는데요.

아래 경로의 소스를 참고해 보시기 바랍니다.

http://codepen.io/RedPlus/pen/XbgQda

내용은 

텍스트박스에 값을 입력하다가 Home 링크를 눌러서 빠져나가려면

팝업창이 뜨고, 팝업창에서 확인을 누르면 계속해서 원하는 곳으로 이동하면 되고,

취소창을 누르면 팝업이 닫히고 가만히 있는 형태입니다.

한번 참고해 보시기 바랍니다. 

최석문 님이 쓰신 원문 글입니다.


안녕하세요? 박용준 강사님께 오랜만에 질문 드립니다. 웹페이지 이동시 다이얼로그박스(Yes, No) 선택에 따라 처리하는 부분에 대해 질문 드립니다. 예를 들면, A라는 페이지에서 각 컬럼 항목을 입력 하다가 홈이나 다른 메뉴(또는 로그아웃)를 클릭하면 "페이지를 빠져나가시겠습니까? Yes를 누르시면 입력하신 데이터는 유실 됩니다." 여기서 'Yes'를 누르면 클릭한 해당 페이지로 이동하고 'No'를 누르면 그냥 취소 되게 하고싶은데요. 어찌 구현하면 좋을까요? 강사님 강의 자료 중에 해당 부분과 관련된 강의가 있을가요? jquery 다이얼로그로 "Yes, No" 메세지창을 띄우는 것 까지는 구현 했는데요. 해당 Yes 나 No 선택값을 가져와서 처리하는 부분을 어찌해야할지 잘 모르겠습니다. 강사님의 도움 부탁 드립니다. 메르스 조심하시고 건강하세요~