programing

Enter key without submit 버튼으로 양식을 제출하시겠습니까?

mailnote 2023. 9. 18. 22:37
반응형

Enter key without submit 버튼으로 양식을 제출하시겠습니까?

중복 가능:
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();
    }
});

제이 길포드의 대답은 효과가 있겠지만, 제 생각에 가장 쉬운 방법은 그냥 뺨을 때리는 것입니다.display: none;양식의 제출 버튼에서

@Jay Guilford의 답변은 좋으나 JS 의존성을 원하지 않는 경우 submit 요소를 사용하여 간단히 숨길 수 있습니다.display: none;.

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

반응형