弹出警报关闭

Question

I have developed a Window Pop up, using below code:

UPDATED CODE:

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";

My requirement is that whenever someone close the Window Pop up there should be alert on Parent.html. As we don't have any control on Pop up window.

Is, there any way to do this.??

Answer 1

Try with something like thhis....

$.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

You can store the result of window.open :

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

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

EDIT

It only works if the popup opens the site in the same domain.