jquery用户界面对话框onbeforeunload

显示警报的正确方法是简单地返回一个字符串。不要叫 alert() 自己动手。

<script type="text/javascript">
    $(window).on('beforeunload', function() {
        if (iWantTo) {
            return 'you are an idiot!';
        }
    }); 
</script>

参见: https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload

您还可以通过提交特定表单来例外离开页面:

$(window).bind('beforeunload', function(){
    return "Do you really want to leave now?";
});

$("#form_id").submit(function(){
    $(window).unbind("beforeunload");
});

这对我有用

$(window).bind('beforeunload', function() {
      return 'Do you really want to leave?' ;
});

jquery api特别声明在卸载之前不要绑定到,而是直接绑定到窗口。在卸载之前,我遇到了一个相当糟糕的内存,部分原因是jquery绑定到了卸载之前。

这对我很有用:

window.addEventListener("beforeunload", function(event) {
  event.returnValue = "You may have unsaved Data";
});

对于ASP.NET MVC,如果您希望通过提交特定表单来例外退出页面:

设置表单ID:

@using (Html.BeginForm("Create", "MgtJob", FormMethod.Post, new { id = "createjob" }))
{
  // Your code
}



<script type="text/javascript">

  // Without submit form
   $(window).bind('beforeunload', function () {
        if ($('input').val() !== '') {
            return "It looks like you have input you haven't submitted."
        }
    });

    // this will call before submit; and it will unbind beforeunload
    $(function () {
        $("#createjob").submit(function (event) {
            $(window).unbind("beforeunload");
        });
    });

</script>