我们有一个管理门户,我们的老师经常忘记在注销和/或关闭浏览器窗口之前下载他们最新的 PDF 说明。我环顾四周,但找不到我要找的东西。
我想实现以下目标:
目标 1
在用户关闭浏览器窗口之前,系统会提示他们“您记得下载表单吗?” 有两个选项,是/否。如果是,关闭,如果不是,返回页面。
目标 2
在用户单击“注销”按钮之前,系统会提示他们与上述相同。
我第一次通过非常基本的代码(不适用于关闭浏览器)是:
<!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>
编辑 - 新问题
下面提供的解决方案有效,但也有其自身的问题:
当用户单击链接以实际下载表单时,页面会认为他们正在尝试离开并反过来向他们显示错误消息!另外-我希望发生一个事件或另一个事件,但不一定同时发生。即,他们点击“注销”按钮,然后出现 OnClick 事件,然后是浏览器提示。有任何想法吗?