当前位置:Gxlcms > PHP教程 > javascript-如何避免表单提交也触发beforeunload事件

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

时间:2021-07-01 10:21:17 帮助过:2人阅读

具体要求是这样:
为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提交表单,获取到返回结果.

人气教程排行