阻止window.onbeforeunload事件的弹出框 或 自定义弹出框

前引:网上很多关于window.onbeforeunload用来监听页面的意外退出或者关闭事件的用法但都会出现下面的弹出框。为此本博客提供方案使下面弹出框消失,但又能实现自己的相应业务功能。

在使用 window.onbeforeunload方法的时候会弹出以下的弹出框,但我们有时候的操作不想弹出这个弹出框或者自定义弹出框。这个时候我们就可以用下面的方法。

阻止window.onbeforeunload事件的弹出框 或 自定义弹出框_第1张图片
有弹出框:

    window.onbeforeunload= function (e) {
           debugger
            e = e || window.event;
            if (e) {
                e.returnValue = "";
                toCloseFun()//调用自己关闭的方法
            }

            return false;
        };

无弹出框/自定义弹出框

$(window).bind('beforeunload', function (event) {
            setTimeout(function () {
                /*var retVal = confirm("Do you want to continue ?");
                if (retVal == true) {
                    alert("User wants to continue!");
                    return true;
                }
                else {
                    window.stop();
                    return false;
                }*/
                toCloseFun()//调用自己关闭的方法
            });
            return;
        });

你可能感兴趣的:(javascript,javascript,前端,开发语言,html)