창을 닫을 때 경고 상자가 나타나지만 다시로드 할 때 없음

Question

내 창을 닫을 때 로그 오프해야한다는 것을 내 사용자에게 알리는 방법을 찾고 있습니다. 나는 이미이 코드를 발견했습니다 : 내 페이지를 닫을 때

window.onbeforeunload = confirmExit; 
function confirmExit() 
{ 
    return "It is better if you log out, before you close this page!"; 
} 
$(function() 
{ 
    $("a").click(function() 
    { 
     window.onbeforeunload = null; 
    }); 
}); 

이 완벽하게 작동합니다. 내가 원하는대로,하지만 그것은 또한 페이지를 다시로드 할 때 표시됩니다.

누구나이 문제를 해결하는 방법에 대해 생각해 볼 수 있습니다.

Answer 1

저는 이것이 귀하의 문제를 해결하는 데 도움이 될 것이라고 믿습니다. 이것은 키 코드 (116)가 사용자에 의해 눌려 졌는지 (f5 키) 또는 다시 말해서 리프레시 버튼을 먼저 검출함으로써 작동한다. 이벤트가 beforeunload가 프롬프트를 표시하지 않도록이 버튼 누름의 상태를 저장합니다. 다음은 필요한 자바 스크립트/jquery입니다.

참고 : 참고 :이 예제는 jsfiddle에서 예상대로 작동하지 않으므로 예제를 제외 시켰습니다.

//set the variable exit to true initially because you haven't hit 
//the f5 button yet to refresh 
var exit = true; 

//on keydown event to check if the f5 or 116 keycode has been pressed 
$(window).on("keydown",function(e){//begin window on keydown event 

    //if the keycode = 116 
    //in other words the user has pressed the f5 key 
    if(e.which === 116){//begin if then 

     //set exit to false because so the prompt doesn't display 
     exit = false; 

    }//end if then 


});//end window on keydown event 


    //bind the beforeunload event to the window 
    $(window).bind("beforeunload", function() {//begin event 

     //if exit = true then display the prompt 
     if (exit === true) {//begin if then 

      //display the prompt 
      //note the browser may over ride the string in your return value 
      return "Are you sure you want to leave?"; 
     } else { 

      //do nothing, no prompt will be created 
      return; 

     }//end if then 


});//end event