IT박스

제출 버튼없이 Enter 키를 사용하여 양식을 제출 하시겠습니까?

itboxs 2020. 7. 19. 10:51
반응형

제출 버튼없이 Enter 키를 사용하여 양식을 제출 하시겠습니까? [복제]


중복 가능 :
HTML : 제출 버튼없이 Enter를 눌러 양식 제출

제출 버튼을 추가하지 않고 텍스트 입력 필드에 Enter 키만으로 양식을 제출하려면 어떻게해야합니까?

과거에는 이것이 효과가 있었지만 지금 테스트했으며 양식 내부에 제출 유형 입력 필드가 없으면 양식이 제출되지 않습니다.


$("input").keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        $("form").submit();
    }
});

# 양식을 양식의 ID로 변경

$('#form input').keydown(function(e) {
    if (e.keyCode == 13) {
        $('#form').submit();
    }
});

또는 대안으로

$('input').keydown(function(e) {
    if (e.keyCode == 13) {
        $(this).closest('form').submit();
    }
});

Jay Gilford의 답변은 효과가 있지만 실제로 가장 쉬운 방법은 display: none;양식의 제출 버튼을 누르는 것입니다.


@JayGuilford의 대답은 좋은 것이지만 JS 종속성을 원하지 않으면 제출 요소를 사용하고을 사용하여 숨길 수 display: none;있습니다.

참고 URL : https://stackoverflow.com/questions/8981637/submit-form-with-enter-key-without-submit-button

반응형