javascript - jquery提示在onbeforeunload保存数据

Question

我想提醒用户在使用 jquery ui 对话框离开它们之前（通过单击页面上的其他链接）在某些页面上保存数据。我知道我需要使用 onbeforeunload 事件来检测用户正在离开当前页面，然后显示对话框。但是，当用户单击对话框上的“是”时，如何允许导航继续到选定的 url，而当用户单击“否”时，导航会停留在当前页面上？

谢谢！

Answer 1

您只需将带有提示的函数分配给window.onbeforeunload事件，例如：

window.onbeforeunload =
    function() {
        return "Please make sure your data is saved."
    }

浏览器会自动提示用户两个选择：“离开这个页面”和“留在这个页面上”

Answer 2

在使用 jQuery 阅读http://vidasp.net/jQuery-unload.html 并在 Chrome 和 IE 中的 body 元素上设置 onbeforeunload后，我们挂钩到 window.onbeforeunload 并绑定到 $(window).unload。这是一个带有示例的 jsFiddle：http: //jsfiddle.net/jtaylor/SqwV2