javascript - 当用户关闭浏览器选项卡时如何显示弹出窗口？

Question

有没有办法在关闭浏览器选项卡时显示弹出窗口？在弹出窗口中应该有一个按钮来查看更多，当用户单击该按钮时，用户应该被重定向到查看更多页面。如果用户单击弹出窗口中的取消按钮，用户将离开网站。有没有可能的方法来做到这一点？我目前正在尝试这段代码。它显示了弹出窗口，但它突然消失了。我认为条件也不行。

    var userclicked=false;
    window.onbeforeunload = function(e) {
        //e.preventDefault();
        if(!document.hasfocus()){

        Swal.fire({
            title: 'New Promotions!',
            text: 'Visit to See New Promotions!',
            type: 'info',
            showCancelButton: true,
            confirmButtonText: 'View More',
            cancelButtonText: 'Cancel',
            showCloseButton: true
        }).then((result) => {
            if (result.value) {  userclicked=true;
                window.location = "{{url('front/promotionpage')}}";                
            } else if (result.dismiss === Swal.DismissReason.cancel) {    userclicked=true;            
            }
        });            

        if(userclicked){
            return "Hi";
        }else{
            return null;
        }
        }

        //return "hi";

        //window.onbeforeunload = null;
        //return null;
        //return "Hi";
    }

Answer 1

您可以添加这个简单的代码。当您想要关闭浏览器窗口时，它会显示警报。

window.onbeforeunload = function() {
    var message = 'Do you want to leave this page?';
    return message;
}