모바일 사파리 키보드 양식 제출

Question

나는 search input 및 submit button의 기본 form을 가지고 있습니다. 포커스가 input에서 발생하면 키보드가 예상대로 표시됩니다. button을 누르면 양식 제출 이벤트가 발생합니다.이 이벤트에서는 event.preventDefault()으로 전화를 걸어 대신 ajax 호출을합니다. 그러나 키보드의 검색 버튼을 누르면 키보드가 숨겨져 제출 이벤트가 발생하지 않습니다.

키보드 검색을 누르면 양식이 제출되지 않는 이유는 무엇입니까? 키보드 검색 버튼을 통해이 이벤트가 발생하도록하려면 어떻게해야합니까?

감사합니다.

Answer 1

키보드 검색 단추는 키 누르기 이벤트에 바인딩되어야하며 keycode은 13입니다.

는 기본적으로 keypress 이벤트를 수신하고 e.which === 13

$('input').on('keypress', function (e) { 
    if (e.which !== 13) { 
     return; 
    } 

    // ajax code 
}