如何查看浏览器弹出窗口将关闭

Question

我编写代码以在新窗口中打开弹出窗口。我打开这个窗口几秒钟后，它会自动关闭。我想要的是如果有人在时间限制之前关闭它。我会检测它并向他显示消息。下面是我使用

$(document).ready(function() { 

    var myWindow; 
    $("#idview").click(function() { 
     var vidurl = $('#vurl').val(); 
     counter(); 
     myWindow = window.open(vidurl, "popupWindow", "width=600, height=400, scrollbars=yes"); 

    }); 

    function counter() { 
     var n = $('.c').attr('id'); 
     var c = n; 
     $('.c').text(c); 
     setInterval(function() { 
      c++; 
      if (c <= 41) { 
       $('.c').text(c); 
      } 
      if (c == 41) { 
       $('.c').text(n); 
      } 
     }, 1000); 
    } 



    setInterval(function() { 
     myWindow.close(); 
    }, 45000); 

    window.onbeforeunload = closingCode; 
function closingCode(){ 
    alert('hitme'); 
    return null; 
} 


}); 

我尝试使用window.ununload代码，但它无法正常工作。任何人都可以告诉我如何得到是否有人要关闭浏览器弹出窗口？

感谢

Answer 1

你可以使用onbeforeunload这样的：

window.onbeforeunload = function (e) { 
    var e = e || window.event; 

}; 

更多参考：即使可能重复的 https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

：javascript detect browser close tab/close browser

Answer 2

在这里，你去了一个解决方案https://jsfiddle.net/rs01x0oy/

var myWindow; 
 
$("#idview").click(function() { 
 
    var vidurl = $('#vurl').val(); 
 
    counter(); 
 
    myWindow = window.open(vidurl, "popupWindow", "width=600, height=400, scrollbars=yes"); 
 
    myWindow.onbeforeunload = function(){ 
 
     console.log("Closed"); 
 
    }; 
 
}); 
 

 
function counter() { 
 
    var n = $('.c').attr('id'); 
 
    var c = n; 
 
    $('.c').text(c); 
 
    setInterval(function() { 
 
     c++; 
 
     if (c <= 41) { 
 
      $('.c').text(c); 
 
     } 
 
     if (c == 41) { 
 
      $('.c').text(n); 
 
     } 
 
    }, 1000); 
 
} 
 

 

 

 
setInterval(function() { 
 
    myWindow.close(); 
 
}, 45000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="idview" type="submit"> 
 
Submit 
 
</button>

Answer 3

1：您需要的onbeforeunload事件绑定到窗口AFTER是opened。

第二：所以onbeforeunload事件代码移到click event功能

3内：Window.onbeforeunload变化myWindow.onbeforeunload

var myWindow; 
    $("#idview").click(function() { 
     //var vidurl = $('#vurl').val(); 
     var vidurl = "google.com"; 
     counter(); 
     myWindow = window.open(vidurl, "popupWindow", "width=600, height=400, scrollbars=yes"); 

     myWindow.onbeforeunload = function closingCode(){ 
           alert('hitme'); 
           return null; 
          } 

    });