Enter 키를 누를 때 양식 제출을 방지하는 방법은 무엇입니까?

Enter 키를 누를 때 양식 제출 방지

Enter 키를 누를 때 양식 제출을 방지하면 현재 필드에 초점이 유지되고 허용됩니다. 대신 JavaScript 함수가 트리거됩니다. 해결 방법은 keypress 이벤트를 처리하고 입력된 키의 코드를 기반으로 조건부로 제출을 방지하는 것입니다.

구현

HTML에서 양식 요소에 onkeypress 속성을 추가합니다. 이 속성은 키 코드를 확인하는 JavaScript 함수를 호출해야 합니다. 아래 예에서는 runScript 함수가 scriptBox 텍스트 입력에서 실행됩니다.

<form onkeypress="return runScript(event)">
  <input>

runScript 함수는 이벤트의 키 코드를 검사합니다. 코드가 Enter 키(일반적으로 13)와 일치하면 함수는 false를 반환하여 양식 제출을 방지합니다.

function runScript(e) {
  if (e.keyCode == 13) {
    // Invoke your JavaScript function here...

    return false;
  } else {
    return true;
  }
}

참고:

keyCode는 더 이상 사용되지 않습니다. 최신 브라우저에서도 여전히 널리 지원됩니다. 그러나 더 넓은 호환성을 위해 키와 같은 대체 방법을 사용하는 것을 고려하는 것이 좋습니다.

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