Question

我想在用户离开页面时要求确认。

我知道可以使用javascipt的 window.onbeforeunload

轻松实现

但唯一的问题是，当我重新加载页面时，它会显示弹出窗口（见图片）。我不想在页面重新加载时显示弹出窗口。我认为弹出窗口是由网络浏览器显示的，因为它显示一条消息“你想重新加载这个网站吗？”我没有在任何地方写过。

这是我的简单代码：

<html>
    <head>
        <title>Script</title>
        <script>
            window.onbeforeunload = function () {
                return 'Are you sure you want to leave?';
            };
        </script>
    </head>
    <body>
        hello
        <a href="http://google.com">Google</a>
    </body>
</html>

任何帮助都将不胜感激。

修改

很多人说在离开网站时问用户是不好的，我也完全同意这一点。但这是客户的要求，所以这不取决于我。对不起。

谢谢，

Parth vora

Answer 1

这应该有用。

在Chrome中，您的自定义消息不会按照here

中的说明显示

自定义消息也可能不适用于Firefox：

<div layout="column" flex>
            <md-tabs md-dynamic-height md-border-bottom md-selected="vm.selectedIndex">
                <md-tab label="Genel" md-on-select="vm.selectedIndex = 0">
                  <div class="md-padding">{{vm.selectedIndex}}</div>
                </md-tab>
                <md-tab label="Sipariş / Planlama" md-on-select="vm.selectedIndex = 1">
                  <div class="md-padding">{{vm.selectedIndex}}</div>
                </md-tab>
                <md-tab label="Kalite Kontrol Oranları" md-on-select="vm.selectedIndex = 2">
                  <div class="md-padding">{{vm.selectedIndex}}</div>
                </md-tab>
                <md-tab label="E-Posta" md-on-select="vm.selectedIndex = 3">
                  <div class="md-padding">{{vm.selectedIndex}}</div>
                </md-tab>
            </md-tabs>
        </div>

Answer 2

该弹出窗口是浏览器的默认弹出窗口。我不认为它可以删除。但是，您可以尝试使用javascript触发输入键。默认情况下，系统会选择Reload，因此按Enter键会点击Reload并重新加载页面。

我自己没有尝试过，但可能会工作。

在页面重新加载时停止显示确认框 - Javascript

2 个答案: