javascript - 在重定向到单击的链接之前询问用户确认

Question

我有一个很长的向导表单，就像我网站上的一项调查一样。我想编写一个 jQuery 函数，以便当用户意外单击页面上的任何链接(向导的预览和下一步按钮除外)时，首先询问:您确定要继续吗？然后它被重定向到他点击的链接，如果他点击取消，什么也不会发生..

到目前为止，我所做的是针对页面的每个链接，除了(下一个和上一个)我添加了一个类 link_ridirect 这样我就可以获取所有 anchor 链接。并停止重定向。

jQuery函数如下!

<script type="text/javascript">
<!-- HERE IS THE SEARCH FILTER -->
 //<![CDATA[
    var GLOBAL_NAMESPACE = {};
    $(document).ready(function(){
      GLOBAL_NAMESPACE.value_changed = true;
    });

    $(document).ready(function () {
      $('.link_redirect').bind('click',function (e) {
          e.preventDefault();
          if (GLOBAL_NAMESPACE.value_changed){
              var res = confirm('you have unsaved changes. Do you want to continue?');
              if(res){
                  window.location.href = $(this).attr('href');
              }else{
                  console.log('stay on same page...');
              }
          }
      });
    });
//]]>
</script>

所以我想做的是如何声明一个全局变量来跟踪所有字段状态。因此，如果一个字段发生变化，要使其为真并调用阻止函数。

Answer 1

这样做怎么样:

 $('a').click(function(){return confirm("are you sure?");});

将其放在 html 的底部，或页面的加载中，或按照您在 OP 中的建议准备好的文档中。

编辑如果您只想在变量 changesDetected 为 true 时执行此操作，请按如下方式执行:

 $('a').click(function(){return !changesDetected || confirm("are you sure?");});