Question

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

谢谢！

Answer 1

您只需要将提示功能分配给 window.onbeforeunload 事件，例如：

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

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

Answer 2

阅读http://vidasp.net/jQuery-unload.html后和Setting onbeforeunload on body element in Chrome and IE using jQuery，我们挂钩window.onbeforeunload并绑定到$（window）.unload。这是一个带有示例的jsFiddle：http://jsfiddle.net/jtaylor/SqwV2

jquery提示保存数据onbeforeunload

2 个答案: