如何阻止页面在JS中卸载（导航）？

Question

有人知道如何阻止页面重新加载或导航吗？

jQuery（函数（$）{

    / *全局卸载通知* /

    警告=真;

    如果（警告）{

        $（window）.bind（“ unload”，function（）{ 

            如果（confirm（“是否要离开此页面”）== true）{

                //他们按了确定

                警报（'确定'）;

            }其他{

                //他们按下了取消

                警报（'取消'）;

                返回false；

            }

        }）;

    }

}）;

目前，我正在一家电子商务网站上工作，显示您将来的订单的页面可以更改使用+/-按钮订购的项目的数量。以这种方式更改数量实际上并不会更改订单本身，他们必须按下确认键，因此会采取积极行动更改订单。

但是，如果他们更改了数量并离开了页面，我想警告他们，以防万一，这是偶然的，因为如果更改数量或离开页面或刷新页面，更改的数量将会丢失。

在上面的代码中，我使用的是全局变量，默认情况下将为false（仅用于测试），更改数量时，我会将其更新为true，当他们确认更改时，会将其设置为false 。

如果警告是正确的并且该页面已被卸载，那么我会向他们提供一个确认框，如果他们说不，他们希望停留在该页面上，则需要停止该页面的卸载。return false不起作用，它仍然允许用户导航（警报仅在调试时使用）

有任何想法吗？

Answer 1

onbeforeunload是你想要的那个 您的函数“应将字符串值分配给Event对象的returnValue属性并返回相同的字符串”。查看Microsoft和Mozilla的文档以了解详细信息。浏览器将使用您返回的字符串为用户提供一个自定义确认框，从而允许他们拒绝选择停留在那的用户。必须采取这种方式来防止恶意脚本引起“浏览器拒绝”攻击。

Answer 2

此代码按照Natalie的建议发出警告，但如果提交了页面上的表单，则会禁用警告。使用JQuery。var warning = true;window.onbeforeunload = function() {   if (warning) {    return "You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will lose your unsaved changes";  }}$('form').submit(function() {   window.onbeforeunload = null;});

Answer 3

window.onbeforeunload = function() {   if (warning) {    return 'You have made changes on this page that you have not yet confirmed.     If you navigate away from this page you will loose your unsaved changes';  }}Chrome，Safari和Opera不支持