如何在提示下获取和使用从window.onbeforeunload事件的返回语句显示的值

How to get and use value on prompt displayed from return statement of window.onbeforeunload event

本文关键字:事件 window onbeforeunload 返回 显示 语句 提示 获取      更新时间:2023-09-26

每当页面刷新或卸载时,都会触发window.onbeforeunload事件。每当触发此事件时,它都会给出一个确认/警报框。在此确认/警报框中,我们有两个选项"离开此页面"和"留在此页面"。我想在单击这两个按钮/选项时执行不同的操作。我该怎么做/捕获这些按钮的点击?

<!DOCTYPE html>
    <html>
    <body >

    <p>Close this window, press F5 or click on the link below to invoke the onbeforeunload event.</p>
    <a href="http://www.w3schools.com">Click here to go to w3schools.com</a>
    <script>
    window.onbeforeunload = function() {
        return "Do yoy want to Quit?";
    }
    </script>
    </body>
    </html>

根据弗雷德里克的建议,我想测试计时器,结果是:你可以检查用户是否留在页面上,但你不能检查他是否出来拦截事件。计时器在您做出选择时启动,然后计时器可用于为浏览器提供加载新页面的时间(如果您关闭浏览器,则立即且时间是相对的)。但是,如果计时器用完了,您就有了想要留在页面上的答案。

在 Chrome 上测试,对于其他人必须进行测试。

window.onbeforeunload = function() {
    setTimeout(function(){
        console.log('I''m still here !');
    },5000);
    return "Do yoy want to Quit?";
}

我希望它对你有所帮助。