首頁 > 後端開發 > php教程 > javascript - 如何避免表單提交也觸發beforeunload事件

javascript - 如何避免表單提交也觸發beforeunload事件

WBOY
發布: 2016-08-04 09:21:31
原創
1438 人瀏覽過

具體要求是這樣:
為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>
登入後複製
登入後複製

button的submit事件中解綁即可

<code>$(window).off('beforeunload')或者window.onbeforeunload = null;
</code>
登入後複製
登入後複製

回覆內容:

具體要求是這樣:
為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>
登入後複製
登入後複製

button的submit事件中解綁即可

<code>$(window).off('beforeunload')或者window.onbeforeunload = null;
</code>
登入後複製
登入後複製

綁定按鈕事件,ajax提交表單

那提交點擊事件後,留在當前頁面,不去觸發這個事件!不知道這樣行不行?

你可以使用ajax提交表單,取得到回傳結果.

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板