onchang 이벤트 발생한적 있는지 검사하는 스크립트

인터넷관련 2008. 2. 1. 09:36
FF, IE외 기타 브라우저용

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3c.org/1999/xhtml">
  3. <head><title></title>
  4. <script type="text/javascript" language="javascript">
  5. //<![CDATA[
  6. var orig;
  7. var preventUnload = true;
  9. registerEvent(window, 'load', function () {
  10. orig = {
  11.      subject    : document.getElementById('fm_subject').value,
  12.      message : document.getElementById('fm_message').value,
  13.      poster     : document.getElementById('fm_poster').value
  14. };
  15. });
  17. registerEvent(window, 'beforeunload', function (e) {
  18. if (!e) e = window.event;
  19. curr = {
  20.      subject    : document.getElementById('fm_subject').value,
  21.      message : document.getElementById('fm_message').value,
  22.      poster     : document.getElementById('fm_poster').value
  23. };
  25. if (preventUnload &&
  26.      (curr.subject != orig.subject ||
  27.          curr.message != orig.message ||
  28.          curr.poster != orig.poster))
  29. {
  30.      e.returnValue = "바뀐 항목이 있습니다. 화면을 전환하시겠습니까?";
  31. }
  32. });
  34. function registerEvent(obj, ev, handler) {
  35. if (!(obj && ev && handler))
  36.      return;
  37. if (obj.addEventListener)
  38.      obj.addEventListener(ev, handler, false);
  39. else if (obj.attachEvent)
  40.      obj.attachEvent('on'+ev, handler);
  41. }
  42. // 이 함수는사용되지 않습니다. registerEvent() 함수를 작성하면서 같이 작성합니다.
  43. function unregisterEvent(obj, ev, handler) {
  44. if (!(obj && ev && handler))
  45.      return;
  46. if (obj.removeEventListener) {
  47.      try {
  48.          obj.removeEventListener(ev, handler, false);
  49.      }
  50.      catch (e) {};
  51. }
  52. else if (obj.detachEvent) {
  53.      try {
  54.          obj.detachEvent('on'+ev, handler);
  55.      }
  56.      catch (e) {};
  57. }
  58. }
  60. function doSubmit () {
  61. preventUnload = false;
  63. // ...
  65. return true;
  66. }
  67. //]]>
  68. </script>
  69. </head>
  70. <body>
  72. <form method="post" onSubmit="return doSubmit()">
  73. <input type="text" id="fm_subject" name="subject" />
  74. <input type="text" id="fm_message" name="message" />
  75. <input type="text" id="fm_poster" name="poster" />
  76. <input type="submit" value="확인" />
  77. </form>
  79. </body>
  80. </html>


    ----------------------------------------------
    나창호@Creative Web Engineering

'인터넷관련' 카테고리의 다른 글

다중 셀렉트(select) 박스  (0) 2008.02.01
다중 셀렉트(select) 박스 2  (0) 2008.02.01
산돌커뮤니케이션 폰트 무료 다운로드 행사  (0) 2008.02.01
올블스러운 이미지 클라우드 만들기  (0) 2008.02.01
싸이월드 한달 출석하면 도토리 100개 무료 충전  (0) 2008.02.01
이미지 업로드시 해당 이미지 파일 미리보기  (0) 2008.02.01
마우스 드래그 복사시 출처 자동복사  (0) 2008.01.30
인터넷 주소창에 바로가기 악성코드 삭제하기 (007아르바이트 바로가기)  (0) 2008.01.30
Posted by 알 수 없는 사용자
,

티스토리툴바