提交两次按钮开火

Question

我有以下提交：

 <input type="submit"  id="buttonNext" name="buttoncrd"  value="Prosegui" class="buttonNavProsegui block-ui"/>

当您在页面上时，我想用键盘按钮"输入"活动，因此我制作了此简单的JS代码：

$(document).ready(function() {
    $(document).keypress(function(event){
       if (event.which == 13){
           $("#buttonNext").click();
        }
    });
});

它可以正常工作，但是当我专注于提交时，我遇到了一些问题，然后按键盘上的输入。我担心提交两次，您能帮我禁用一个何时专注吗？

Answer 1

您可以使用

 $(document).ready(function() {
    $(document).keypress(function(event){
       if (event.which == 13){
           $("#buttonNext").click();
           event.preventDefault();
        }
    });
});

它不会触发两次。

Answer 2

$("#buttonNext").addEventListener('keypress', e => {
  e.stopPropagation()
})

可能会解决问题。当a 键盘事件发生在按钮上时，它可以防止事件在层次结构中传播。