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

修改的

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

提示弹出关闭

2 个答案: