티스토리 뷰

Work/JavaScript

javascript 새로고침 방지

헐보 2012. 12. 17. 19:35


JavaScript 새로고침 방지


웹 개발을 하다보면 저장후 또는 삭제등 목록이나 여러 부분에서 액션 수행후 새로고침(F5)으로 인해 고생하는 경우가 있다.

액션이나 DB로 해결할 수도 있지만 간단하게 자바스크립트에서 해결하는 방법이 있다.



// 방법1) 

// 액션으로 새로고침대상을 조회 액션을 수행 하도록하여서 재등록및 재수정을 방지한다.

<head>

<script type="text/javascript">


function notReload(){
    if((event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) || (event.keyCode == 116) ){
         event.keyCode = 0;
         event.cancelBubble = true;
         event.returnValue = false;
          var frm = document.addForm;
          frm.action = "액션값이 들아간다.";
          frm.submit();
    }
}

document.onkeydown = notReload;


</script>

</head>


<body oncontextmenu="return false">


// 방법2)
// Alert 를 사용해 새로고침이 안된다는 경고문구 표시

<head>

<script type="text/javascript">


function notReload(){
    if((event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) || (event.keyCode == 116) ){
         event.keyCode = 0;
         event.cancelBubble = true;
         event.returnValue = false;
   alert("새로고침 방지!!!");
    }
}

document.onkeydown = notReload;


</script>

</head>


<body oncontextmenu="return false">

저작자표시 비영리 변경금지

'Work > JavaScript' 카테고리의 다른 글

JavaScript 글자 깜빡임  (0) 2021.08.03
Internet Explorer 버전체크  (0) 2012.12.07
공유하기 링크
댓글