欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 如何避免表单提交也触发beforeunload事件

程序员文章站 2022-06-04 23:30:59
...
具体要求是这样:
为window绑定了beforeunload事件,检查切换或者关闭页面是否已经保存了输入内容,但是点击提交按钮的时候也会触发beforeunload事件,如何使表单提交不触发这个事件?

部分代码:

    if ($scope.model.isSaving) {
      window.onbeforeunload = function (e) {
        e = e || window.event;

        // 兼容IE8和Firefox 4之前的版本
        if (e) {
          e.returnValue = '关闭提示';
        }

        // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
        return '关闭提示';
      };
    }

button的submit事件中解绑即可

$(window).off('beforeunload')或者window.onbeforeunload = null;

回复内容:

具体要求是这样:
为window绑定了beforeunload事件,检查切换或者关闭页面是否已经保存了输入内容,但是点击提交按钮的时候也会触发beforeunload事件,如何使表单提交不触发这个事件?

部分代码:

    if ($scope.model.isSaving) {
      window.onbeforeunload = function (e) {
        e = e || window.event;

        // 兼容IE8和Firefox 4之前的版本
        if (e) {
          e.returnValue = '关闭提示';
        }

        // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
        return '关闭提示';
      };
    }

button的submit事件中解绑即可

$(window).off('beforeunload')或者window.onbeforeunload = null;

绑定按钮事件,ajax提交表单

那提交点击事件后,留在当前页面,不去触发这个事件!不知道这样行不行?

你可以使用ajax提交表单,获取到返回结果.