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

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

WBOY
WBOY原創
2016-08-04 09:21:311383瀏覽

具體要求是這樣:
為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提交表單,取得到回傳結果.

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn