浏览器关闭前提示用户？ [英] Prompt User before browser close?
问题描述
我们有一个管理门户网站，我们的老师在注销和/或关闭浏览器窗口之前经常忘记下载最新的PDF说明。我环顾四周但找不到我要找的东西。
We have an administrative portal that our teachers constantly forget to download their latest PDF instructions before logging out and/or closing the browser window. I have looked around but can't find what I'm looking for.
我想达到以下目标：
在用户关闭浏览器窗口之前，系统会提示你还记得下载表单吗？有两个选项，是/否。如果是，请关闭，否则返回页面。
Before a user can close the browser window, they are prompted "Did you remember to download your form?" with two options, yes/no. If yes, close, if no, return to page.
在用户点击之前注销按钮，它们会被提示与上面相同。
Before a user can click the 'logout' button, they are prompted with the same as above.
我在第一次使用非常基本的代码（不适用于浏览器关闭）是：
My first pass at the very basic code (which does not work for browser close) is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function init() {
if (window.addEventListener) {
window.addEventListener("beforeunload", unloadMess, false);
} else if (window.onbeforeunload) {
window.onbeforeunload = unloadMess;
};
}
function unloadMess() {
var User_Message = "[Your user message here]"
return User_Message;
}
</script>
</head>
<body onload="init();">
hello this is my site
</body>
</html>
编辑 - 新问题
解决方案提供以下工作，但也有自己的问题：
EDIT - NEW ISSUES
The solution provided below works but also has its own issues:
当用户点击实际下载表格的链接时，页面认为他们正试图离开，反过来又出现错误给他们留言！此外 - 我希望一个或另一个事件发生，但不一定两者都发生。即他们点击注销按钮，然后他们会看到OnClick事件，然后是浏览器提示。有什么想法？
When user clicks the link to actually download the forms, the page thinks they are trying to leave and in turn present an error message to them! Also - I would like for one event or another to occur but not necessarily both. I.e. they hit 'logout' button and they are presented with the OnClick event, THEN the browser prompt. Any ideas?
推荐答案
2017年更新
所有现代浏览器不再支持自定义消息。
All modern browsers do not support custom messages any longer.
window.onbeforeunload = function(evt) {
return true;
}
这个用于关闭标签：
window.onbeforeunload = function(evt) {
var message = 'Did you remember to download your form?';
if (typeof evt == 'undefined') {
evt = window.event;
}
if (evt) {
evt.returnValue = message;
}
return message;
}
并使用 onClick 退出按钮的事件：
and use onClick event for logout button:
onClick="return confirm('Did you remember to download your form?');"
这篇关于浏览器关闭前提示用户？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
