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

來源:互聯網
上載者:User
具體要求是這樣:
為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提交表單,擷取到返回結果.

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.