Maison > développement back-end > tutoriel php > javascript - 如何避免表单提交也触发beforeunload事件

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

WBOY
Libérer: 2016-08-04 09:21:31
original
1426 Les gens l'ont consulté

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

部分代码:

<code>    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 '关闭提示';
      };
    }</code>
Copier après la connexion
Copier après la connexion

button的submit事件中解绑即可

<code>$(window).off('beforeunload')或者window.onbeforeunload = null;
</code>
Copier après la connexion
Copier après la connexion

回复内容:

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

部分代码:

<code>    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 '关闭提示';
      };
    }</code>
Copier après la connexion
Copier après la connexion

button的submit事件中解绑即可

<code>$(window).off('beforeunload')或者window.onbeforeunload = null;
</code>
Copier après la connexion
Copier après la connexion

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

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal