Enter 키를 누를 때 양식 제출을 방지하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-11-27 00:00:18
원래의
479명이 탐색했습니다.

How Can I Prevent Form Submission When Pressing the Enter Key?

Enter 키를 사용한 양식 제출 방지

양식 작업 시 Enter 키를 눌러 실행하는 대신 제출을 실행하면 답답할 수 있습니다. 원하는 JavaScript 함수. 이 문제를 해결하려면 Enter 키 누르기에 대한 응답으로 양식이 제출되지 않도록 해야 합니다.

한 가지 효과적인 방법은 JavaScript의 이벤트 리스너를 활용하는 것입니다. keypress 이벤트에 함수를 추가하면 키 누르기 동작을 처리하고 양식이 제출되지 않도록 할 수 있습니다. 방법은 다음과 같습니다.

document.addEventListener("keypress", function(e) {
  if (e.keyCode == 13) {
    // Call the desired JavaScript function here
    // ...
    
    // Prevent form submission
    e.preventDefault();
  }
});
로그인 후 복사

이 코드에서는

  • document.addEventListener가 "keypress" 이벤트를 수신합니다.
  • e.keyCode == 13 누른 키가 Enter 키인지 확인합니다.
  • Enter 키를 누르면, 원하는 JavaScript 함수가 실행됩니다.
  • e.preventDefault()는 양식 제출을 방지합니다.

이 코드를 구현하면 Enter 키를 눌렀을 때 양식 제출을 비활성화하고 대신 작업을 맞춤 JavaScript 함수로 리디렉션하세요.

위 내용은 Enter 키를 누를 때 양식 제출을 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿