jQuery를 사용하여 "Enter" 키를 눌렀을 때 양식 제출: 양식 사라지는 문제 해결
"Enter" 키를 눌렀을 때 문제가 발생했습니다. 로그인 양식을 제출하지 않으면 양식 내용이 사라집니다. 이로 인해 Webkit 문제인지 코드 문제인지에 대한 의문이 제기됩니다.
이 동작을 해결하기 위해 다음 jQuery 코드를 사용하려고 했습니다.
$('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } });
그러나 이 코드는 문제가 해결되지 않았습니다.
해결책:
이 문제를 해결하려면 jQuery 코드에 중요한 줄을 추가해야 합니다.
$('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); return false; //<---- Add this line } });
이 줄은 양식의 기본 동작, 즉 "Enter" 키를 누르면 내용이 지워지는 것을 방지합니다. 이를 추가하면 이제 "Enter" 키를 누르면 양식이 사라지지 않고 제출됩니다.
Return False 이해:
"return false" 문은 다음과 같은 결과를 얻습니다. e.preventDefault 및 e.stopPropagation을 모두 호출합니다. 이는 브라우저에 기본 작업(양식 지우기)을 수행하지 않도록 지시하고 이벤트가 DOM 계층 구조를 버블링하는 것을 방지합니다.
위 내용은 ## Enter 키를 누르면 로그인 양식이 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!