如何阻止用户在 Javascript 中关闭窗口？

Question

是否可以使用退出按钮 [X] 阻止用户关闭窗口？我实际上在页面中提供了一个关闭按钮，供用户关闭窗口。基本上我要做的是强制用户填写表格并提交。我不希望他们在提交之前关闭窗口。

非常感谢您的 cmets，我不打算在任何商业网站上托管。这是内部的事情，我们实际上正在让所有员工参与我们设计的这项调查......

我知道这不是正确的方法，但我想知道我们在这里遇到的问题是否有解决方案...

Answer 1

看看onBeforeUnload。

它不会强迫某人留下，但会提示他们询问他们是否真的想离开，这可能是您可以管理的最佳跨浏览器解决方案。 （如果您尝试离开中间答案，则类似于此站点。）

<script language="JavaScript">
    window.onbeforeunload = confirmExit;
    function confirmExit() {
        return "You have attempted to leave this page. Are you sure?";
    }
</script>

编辑：大多数浏览器不再允许onbeforeunload 的自定义消息。

请从 2016 年 2 月 18 日起查看bug report。

onbeforeunload 对话框用于现代网络上的两件事：

1. 防止用户无意中丢失数据。
2. 诈骗用户。

为了在不停止前者的同时限制它们对后者的使用，我们将不显示网页提供的字符串。相反，我们将使用通用字符串。

Firefox 已经这样做了[...]

Answer 2

如果您不想显示所有事件的弹出窗口，您可以添加条件，例如

window.onbeforeunload = confirmExit;
    function confirmExit() {
        if (isAnyTaskInProgress) {
           return "Some task is in progress. Are you sure, you want to close?";
        }
    }

这对我来说很好用

Answer 3

当用户按 ALT + F4 或从任务管理器中关闭它时你会做什么

如果他们没有在 cookie 或 DB 中完成，你为什么不跟踪他们下次访问时只需带回相同的屏幕......：顺便说一句..你还没有完成填写此表格……”

当然，如果你在互联网泡沫破灭之前就在附近，你会记得色情风暴，如果你关闭 1 个窗口，其他 15 个窗口会打开..所以是的，有代码可以检测窗口关闭，但如果你按 ALT + F4 两次它将关闭孩子和父母（如果它是一个弹出窗口）

Answer 4

这将弹出一个对话框，询问用户是否真的想关闭或留下一条消息。

var message = "You have not filled out the form.";
window.onbeforeunload = function(event) {
    var e = e || window.event;
    if (e) {
        e.returnValue = message;
    }
    return message;
};

然后您可以在提交表单之前取消设置或使用其他方式

window.onbeforeunload = null;

请记住，这非常烦人。如果您试图强迫您的用户填写一个他们不想填写的表单，那么您将失败：他们会找到一种方法来关闭窗口并且永远不会回到您的意思是网站。

Answer 5

如果您发送需要公司员工 100% 参与的内部调查，那么更好的方法是让表单跟踪响应者 ID/用户名/电子邮件等。每隔几天左右发送一次一个不错的小电子邮件提醒您组织中的人员完成调查...您甚至可以自动执行此操作。

Answer 6

怎么样？

function internalHandler(e) {
    e.preventDefault(); // required in some browsers
    e.returnValue = ""; // required in some browsers
    return "Custom message to show to the user"; // only works in old browsers
}

if (window.addEventListener) {
    window.addEventListener('beforeunload', internalHandler, true);
} else if (window.attachEvent) {
    window.attachEvent('onbeforeunload', internalHandler);
}

Answer 7

强迫用户做他们不一定想做的事情是不好的做法。你永远无法真正阻止他们关闭浏览器。

不过，您可以通过在当前网页上创建 div 来实现类似的效果，以覆盖其余控件，以便您的表单是唯一可访问的东西。

Answer 8

您可以使用window.onclose 事件并在事件处理程序中返回false。

function closedWin() {
    confirm("close ?");
    return false; /* which will not allow to close the window */
}
if(window.addEventListener) {
     window.addEventListener("close", closedWin, false);
}

window.onclose = closedWin;

代码取自this site。

另一方面，如果他们强制关闭（通过使用任务管理器或这些行中的某些东西），您将无能为力。