当我单击 Enter 时，jquery 进入 .click 函数两次

Question

我有一个包含 3 个字段集的表单。如果用户想要转到第二个字段集，他可以通过单击“下一步”按钮或按 Enter 键来执行此操作，但只有 Enter 部分不能正常工作，因为它会激活 Enter 按钮两次。

我也读过其他文章。但是当我集中注意力并单击 Enter 时(我使用此代码:

    $("#msform").keypress(function(e) {
          e.preventDefault() 
    if(e.which == 13) {
        $(".next").click();
        return false;
    }
});

然后进入这个函数:

$(".next").click(function (event) {
    event.preventDefault();
    //current_fs current fieldset
    current_fs = $(this).parent();
    next_fs = $(this).parent().next();

    var fv = formValidation(event);
    if (fv) {
    } else {
        return false;
    }

但我一直这样做:

  current_fs = $(this).parent();
    next_fs = $(this).parent().next();

    var fv = formValidation(event);
    if (fv) {
    } else {
        return false;
    }

2次。

我知道

Because hitting "Enter" when focus is on a button triggers the "click" event natively. You also get a "keypress" event, and from that you trigger the "click" event again.

但即使 Preventdefault 在我的情况下也不起作用。

我正在讨论的表单的常规 HTML: http://jsfiddle.net/xvxpha7p/ <记住首先关注一个领域。

谁能帮忙谢谢

Answer 1

您无法阻止单击事件，因此没有理由在按 Enter 时触发单击事件。您必须将逻辑放入点击事件处理程序中