如何防止用户使用jQuery更改页面

Question

我有一个页面,其表单通过ajaxSubmit()提交(因此,不更改页面).

我的目标是,当用户尝试更改页面(甚至关闭浏览器)时,我问他是否真的想要退出页面而不发送表单(就像gmail一样).

例如,Gmail使用window.confirm-like弹出窗口执行此操作,但如果可行,我将使用自定义消息和选项来处理它.

jQuery有卸载事件:

$(window).unload( function () { alert("Bye now!"); } );

但它允许我在退出页面之前做一些事情; 如果用户单击相对按钮,我需要"阻止"页面退出.

那么,如何处理(和取消)页面退出事件？

Answer 1

尝试以下方法.在这里演示

<script type="text/javascript">

       function unloadPage(){
           return "dont leave me this way";
       }

       window.onbeforeunload = unloadPage;

</script>

Answer 2

可以使用jQuery绑定"onbeforeunload"事件:

$(window).bind('beforeunload', function(e) {
    return "ATTENZIONE!!";
});

有用!!