Question

我创建了一个form用户可以创建自己的个人资料，现在我希望如果用户不在{strong> 保存/提交 click按钮在页面上并单击除保存之外的任何其他可用链接。

然后他应该确认JavaScript的弹出窗口，提到您正在中止配置文件的创建。我无法找到任何可以实现此目的的事件。

其他链接是我页面上的导航链接。

Answer 1

如果您使用提交按钮和其他人作为链接，那么您可以找到这样的：

$(document).ready(function() {
  $(document).('on','click',function(){
    var pressedButton = $(this).text();
    if(pressedButon == "Submit" || pressedButton =="Save")
      {
        return false;
      }
    else
      {
        $("a").on('click',function() {
          var confirmAns = confirm('Your message');
          if(confirmAns == true)
            {
              // DO whatever you want...
            }
          else
            {
              //Do whatever you want...
            }
        });
      }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

您可以使用 onblur 事件，您可以实现目标。因此，当用户点击您网页中的任意位置时，onblur事件会自动触发。您应该在保存/提交按钮上使用onblur事件。

<button onblur="myFunction()" type="button">Save</button>

<script>
function myFunction() {
  var txt;
  var r = confirm("You are aborting the creation of profile");
  if (r == true) {
    return true;
  } else {
    return false;
  }
}
</script>

Answer 3

尝试使用一些插件。有一个jQuery插件"Are You Sure"

所以你只需要下面的代码片段

$('form').areYouSure();
// OR
$('form.my_form_class').areYouSure();

插件有一些高级选项。查看其文档。

Answer 4

如果我理解正确，你需要这两种可能性： 1.用户点击提交按钮：表单已提交 2.用户点击＆＃34; a＆＃34;链接：获取警报，要求确认离开注册过程。

第一点将自动完成，因为它是一个表单提交按钮，而不需要额外的jQuery。

第二点只需要以下代码即可显示确认按钮：

<script>
  $(document).ready(function(){
    $('a').on('click',function(e){
      if (!confirm("Are you sure you want to exit the registration process?")){
        e.preventDefault();
        return false;
      }
    });
  });
</script>

当用户单击“提交”按钮以外的链接时，javascript或jquery弹出窗口

4 个答案: