離開頁面提醒問題，即使是指定的按鈕觸及，仍然會提示確定離開頁面？

jquery js

火爆浪子 2018-08-14 10:35:53 ‧ 2845 瀏覽

分享至

// var isChange = false;
// $(function () {
//
//   $("input,textarea,select").change(function () {
//       isChange = true;
//       $(this).addClass("editing");
//   });
//
//   $(window).bind('beforeunload', function (e) {
//       if (isChange || $(".editing").get().length > 0) {
//           return '★資料尚未存檔，確定是否要離開？★';
//       }
//   });
//
// });
//
// $("button").click(function (e) {
//     $("input,textarea,select").removeClass('editing');
// });

我這是網路找到的
我的按鈕是
每次按下去後他還是會提示：確定離開？
是哪裡順序錯誤？

froce iT邦大師 1 級 ‧ 2018-08-14 10:43:29 檢舉

把你的code簡化丟出來。
都老資格了，該學學怎麼問問題比較聰明。

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2018-08-14 10:45:55 檢舉

只給你提示一個。
注意一下你的 isChange 值。
你有移除class的動作。但無isChange 為false的動作。
所以只要有動作的情況下，全都是試為true。自動就會跑訊息了。

watercool iT邦新手 5 級 ‧ 2018-08-14 13:18:59 檢舉

code看起來沒問題，我直接複製貼上是可以使用的耶，你要不要試看看用chrome F12看一下那個判斷式的地方是哪個一直都是true呢?

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-08-14 10:50:22

最佳解答

這樣吧…

$(function () {
       var isChange = false;
       var editObj = $("input,textarea,select");
        editObj.change(function () {
            isChange = true;
            $(this).addClass("editing");
       });

       $(window).bind('beforeunload', function (e) {
           if (isChange || editObj.hasClass('editing')) {
               return '★資料尚未存檔，確定是否要離開？★';
           }
       });

       $("button").click(function (e) {
            editObj.removeClass('editing');
       });
 });