Question

我有以下代码，我的问题是，有没有办法可以从方法调用中取消onbeforeunload自定义弹出窗口？在firefox的情况下，我想显示我自己的自定义消息，如果用户按下取消，我不想显示默认消息。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var clicked = false;

function copyText()
{
    var span = document.getElementById('sp');
    if(clicked == false)
    {   
        clicked = true;
        span.appendChild( document.createTextNode("clicked") );
    }
    else
    {
        clicked = false;
        span.removeChild( span.firstChild );
    }
}



window.onbeforeunload = function () { 

if(clicked == true)
return ; 

else 
{
if(navigator.userAgent.indexOf("Firefox")!=-1)
{ 
if(confirm("Are you sure you want to close the window without submitting the documents?")){
          self.close();
          return; // I want to not call the custom pop up here 
    }
}
    return "Are you sure you want to close the window without submitting the documents?";

}
};
//}



</script>
</head>
<!--<body onunload="confirmMe()>-->
<body>

<button onclick="copyText()">Click!</button>
<br>
<span style="color:lightblue" id="sp"></span>



</body>
</html>

Answer 1

你无法从函数内部取消onbeforunload事件。但是如果用户不想关闭页面，下面将显示默认的popUp，如果用户想留在页面上，它只会在Firefox中发生。

window.onbeforeunload = function () { 

if(clicked == false) 
{
    if(navigator.userAgent.indexOf("Firefox")!=-1)
    { 
        if(confirm("Are you sure you want to close the window without submitting the documents ?")){
                self.close();   
                return;   
        }

    }
   return "Are you sure you want to close the window without submitting the documents?";
}

};

Answer 2

这是我正在使用的代码：

window.onbeforeunload = function (e) { 
    if (clicked != true) {
        e = e || window.event;
        if (e) {
            e.returnValue = 'Are you sure you want to close the window without submitting the documents?';
        }
        return 'Are you sure you want to close the window without submitting the documents?';
    }
}

在方法内取消默认的onbefoarunload弹出消息

2 个答案: