怎麼每次按下 submit 他還是出現“離開提示”視窗呢?哪裡寫錯了嗎?

发布于 2022-09-07 20:58:04 字数 724 浏览 23 评论 0

$(document).ready(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');
   });
});

submit

  <button type="submit" id="submit">SUBMIT</button>

當 input,textarea,select 有編輯過時離開,確實會出現提示,用谷歌F12確實會看到該物件出現 editing class
但是怪異的是
明明後面已經有 button 觸發 removeClass
每次按下 SUBMIT 都還是出現提示視窗?
是順序哪裡有錯誤嗎?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

離殇 2022-09-14 20:58:04
   $("button").click(function (e) {
        e.preventDefault();
        editObj.removeClass('editing');
   });
梦醒时光 2022-09-14 20:58:04

click里面加上

isChange=false;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文