새로 고침시 팝업을 피하십시오. 사용자가 브라우저 창을 닫을 때만 표시합니다.

Question

사용자가 브라우저 창을 닫을 때만 팝업을 표시하려고합니다. 하지만, 다음 코드에서. 페이지를 새로 고침하면 팝업이 표시됩니다.

내 코드

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     var key = true; 
     $(window).bind('beforeunload', function(e){ 
      if(key) 
      return confirm("Do you really want to close? This will log you out of your profile."); 
     e.preventDefault() 
     }); 
     $(document).on("click","a",function() { 
      key=false; 
     });  
    }); 
</script> 

Answer 1

이것은 당신이 필요 본질적이다.

출처 : open a custom popup on browser window/tab close

JSFiddle : http://jsfiddle.net/SQAmG/5/

var popit = true; 
window.onbeforeunload = function() { 
    if(popit == true) { 
      popit = false; 
      return "Are you sure you want to leave?"; 
    } 
} 

편집

사용 HTML5 웹 저장소는 브라우저 내에서 세션을 시뮬레이션합니다. 여기서 브라우저를 완전히 닫을 때 세션이 끝나기 위해 localStorage 대신 sessionStorage를 사용하려고합니다.

sessionStorage 변수가 설정된 경우 팝업을 시작하지 마십시오. 그렇지 않으면 팝업 코드를 허용하십시오.

HTML5 웹 스토리지 : http://www.w3schools.com/html/html5_webstorage.asp 당신이 onbeforeunload 콜백을 설정하면

Answer 2

, 그것은 당신이 탭을 닫거나 페이지를 새로 고침 여부를 때마다 실행됩니다. 그래서, 여기에 해킹 할 수 있습니다. 탭을 닫으면 창이 사라집니다. 그래서 onbeforeunload 안에 창에 포커스가 있는지 확인합니다. 있다면, 당신은 페이지를 새로 고칩니다. 초점이 맞지 않으면 탭을 닫았을 것입니다.

window.onbeforeunload=function(){ 
    if(!document.hasfocus()){ 
     //show popup 
    } 
}