Javascript 关闭浏览器时打开自定义弹出窗口

当我试图关闭页面或选项卡时，我想打开一个没有关闭选项的弹出窗口

我正在使用此脚本，但它不起作用

<script language="JavaScript">
    window.onbeforeunload = closepopup;
    function closepopup(){
        var id = '#dialog';

        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        //Set heigth and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight});

        //transition effect     
        $('#mask').fadeIn(500); 
        $('#mask').fadeTo("slow",0.9);  

        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();

        //Set the popup window to center
        $(id).css('top',  winH/6-$(id).height()/6);
        $(id).css('left', winW/2-$(id).width()/2);

        //transition effect
        $(id).fadeIn(2000);     

    }
</script> 

window.onbeforeunload=关闭弹出窗口；
函数closepopup（）{
变量id='#对话框'；
//获取屏幕的高度和宽度
var maskHeight=$（document.height（）；
var maskWidth=$（window.width（）；
//设置遮罩的高度和宽度以填充整个屏幕
$（'#mask'）.css（{'width'：maskWidth，'height'：maskHeight}）；
//过渡效应
$（'面具'）.fadeIn（500）；
$（#mask'）.fadeTo（“慢”，0.9）；
//获取窗口的高度和宽度
var winH=$（window.height（）；
var winW=$（window.width（）；
//将弹出窗口设置为居中
$（id）.css（'top'，winH/6-$（id）.height（）/6）；
$（id）.css（'left'，winW/2-$（id）.width（）/2）；
//过渡效应
美元（id）.fadeIn（2000年）；
}

谢天谢地，不可能再阻止某人关闭浏览器，但请看这里：

您需要从函数中返回false，broswer将弹出询问用户是否打算离开。您无法自定义此消息，但可以在其后面显示自定义弹出窗口。例如，以下代码在显示浏览器的标准“do you want leave”（是否要离开）提示之前将背景变为红色

window.onbeforeunload = closepopup;
function closepopup(e){
    document.bgColor="red";
    return false;
}

---

它怎么不起作用？具体点！除了说明它是如何工作的外，对话框的HTML代码片段和您的HTML（简化）也会很有帮助。请检查此URL。您可以在源代码中检查整个代码。当您尝试关闭页面时，会出现浏览器默认弹出窗口。当你点击时，留在页面上。我将显示我的弹出窗口。但我不想显示浏览器的默认弹出窗口。它应该直接显示我的弹出窗口。我知道我的解释不好。但是，当您签出URL时，您就会明白。谢谢，我已经试过了。问题是。当我试图关上窗户的时候。它给我们按摩了一下。“确实要离开此页吗？”和两个按钮“离开此页”和“留在页面上”“。如果我停留在页面上，则我的弹出窗口将显示我们。我想直接显示我的弹出窗口。@Vikas是的，这是浏览器的默认设置，您不能更改它。不允许用户关闭浏览器页面是浏览器试图缓解的一个步骤，这是可以理解的。