提示弹出关闭

Question

我使用下面的代码开发了一个Window Pop up：

更新的代码：

Parent.html

<a class="btn btn-primary" onclick="PopUp();">Pop Up</a>

<script>
 var popup;
 function PopUp() {
    document.getElementById('myModal').style.display="block";

    popup = window.open('popup.html', 'Google', width=700, height=600);

     popup.onbeforeunload = function(){  
     alert("close");        
     document.getElementById('myModal').style.display="none";
   }
}
</script>

POPUP.html

window.location = "http://www.google.com";

我的要求是每当有人关闭Window Pop up时，都应该在Parent.html上发出警报。因为我们对弹出窗口没有任何控制权。

有没有办法做到这一点。

Answer 1

尝试这样的事情......

$.confirm({
    title: 'Confirm!',
    content: 'Simple confirm!',
    buttons: {
        confirm: function () {
            $.alert('Confirmed!');
        },
        cancel: function () {
            $.alert('Canceled!');
        },
        somethingElse: {
            text: 'Something else',
            btnClass: 'btn-blue',
            keys: ['enter', 'shift'],
            action: function(){
                $.alert('Something else?');
            }
        }
    }
});

Answer 2

您可以存储window.open的结果：

let popup = window.open()
popup.onbeforeunload = function(){ }

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

编辑

仅当弹出窗口在同一域中打开网站时，它才有效。