我想在用户离开页面时要求确认。
我知道可以使用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
答案 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
并重新加载页面。
我自己没有尝试过,但可能会工作。