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

时间:2016-12-08 11:02:19

标签: javascript

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

我知道可以使用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>

enter image description here

任何帮助都将不胜感激。

修改

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

谢谢,

Parth vora

2 个答案:

答案 0 :(得分:-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>

答案 1 :(得分:-2)

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

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