제출 버튼 화재 두 번

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(); 
     } 
    }); 
}); 

올바르게 작동하지만 제출에 중점을두고 키보드의 Enter 키를 누르면 약간의 문제가 발생했습니다. 나는 두 번 발사가 두려워한다, 당신은 내가 집중할 때 하나의 제출을 ​​억제 할 수 있도록 도와 줄 수 있습니까?

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() 
}) 

트릭을 수행 할 수 있습니다. 키 누르기 이벤트가 발생하면 계층 구조에서 이벤트가 전파되지 않습니다.