2

我正在尝试设置一个 onbeforeunload 标记，以阻止用户离开特定页面，当且仅当他们有未保存的内容时，并且仅在特定页面上（我们使用单个母版页）。我很快发现在 onbeforeunload 标记中返回 ##anything## 总是会触发 javascript 确认，并将 ##anything## 放在弹出窗口中。显然，这是现在预期的行为，但它确实消除了我使用我自己的可以通过 if 语句控制的确认框的想法。

我试过这个，它没有用：

<body class="yui-skin-sam" onbeforeunload="document.onFormClose();">

<script>
document.onFormClose = function () {
    if (document.getElementById('DirtyFlag').value == "true") {
        document.getElementById('DirtyFlag').value == "false";
        return 'You will lose all changes made since your last save';
    }
}
</script>

其中 DirtyFlag 是一个隐藏字段，如果存在任何未保存的更改，则该字段变为真。我希望将 return 放在函数中可以解决问题，但没有这样的运气。

所以我的问题是，有没有办法使用带有内置返回的 onbeforeunload 标签来绕过它等待该字段的值？或者，（尽管这不太理想）我想我可以在我设置或重置 getElementById 标记的所有位置动态添加或删除 onbeforeunload 标记。不幸的是，我也不知道该怎么做。哦，我完全不能使用 jQuery 或任何其他 javascript 库。

4

2 回答 2

3

不确定这是否符合设计，但如果您return null来自事件处理程序，您可能会得到您想要的结果：

window.onbeforeunload = function() {
    var el = document.getElementById("dirtyFlag");
    if (el.value === "true") {
        return 'You will lose all changes made since your last save';

    }
    else {
        return null;
    }
};

以下适用于 FF：http: //jsfiddle.net/andrewwhitaker/chZJ8/。尝试将 hidden inputs 值更改为“true”，您应该会开始看到确认对话框。 但是，我无法让它在 Chrome 中工作，也无法在 IE 中进行测试。如果有人可以确认这在其中任何一个浏览器中都有效，那就太好了。

编辑：添加另一个更易于使用且可在 Chrome 中使用的示例（JSFiddle 中的 iFrame 引起了问题）。在此处查看示例：http: //andrewawhitaker.com/examples/onbeforeunload_test.html。在输入中键入“true”以查看确认信息。如果 'true' 不是输入的值，则不显示任何对话框。在 FF 和 Chrome 中工作，仍然不能保证 IE。

更新 2：执行此操作的更可靠方法可能是在以dirtyFlag编程方式设置值时添加和删除事件侦听器，只需适当地删除或添加事件处理程序：

var isDirty = function() { ... };
if (/* form is dirty*/) {
    window.onbeforeunload = isDirty;
}
else {
    window.onbeforeunload = null;
}
于 2010-12-23T17:44:43.513 回答
1

您不能更改onbeforeunload.

https://developer.mozilla.org/en/DOM/window.onbeforeunload

http://msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx

于 2010-12-23T17:31:36.413 回答