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

时间:2015-09-26 15:47:16

标签: javascript jquery html css

当我尝试关闭页面或标签时,我想打开一个没有选项关闭它的弹出窗口。

我正在使用此脚本,但它无效。

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

1 个答案:

答案 0 :(得分:0)

不可能阻止某人关闭浏览器(谢天谢地),但请看一下:how to block users from closing a window in javascript?

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

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