자바스크립트 입력 키 트리거 양식 제출 관련 문제_양식 특수 효과

예를 들어 검색 동작의 경우 키워드를 입력한 후 Enter 키를 직접 눌러 양식을 즉시 제출하려는 경우 일부 복잡한 양식의 경우 양식 작성을 완료하기 전에 실수로 Enter 키를 눌러 양식 제출을 실행하는 것을 방지할 수 있습니다. .

이러한 동작을 제어하기 위해 브라우저에서 이미 이 작업을 수행할 필요가 없습니다.

type="이 있는 버튼이 있는 경우. submit" 형식으로 입력하면 Enter 키가 적용됩니다.
양식에 type="text"인 입력이 하나만 있는 경우 버튼 유형에 관계없이 Enter 키가 적용됩니다.
버튼이 입력되지 않고 버튼이고 유형이 추가되지 않은 경우 기본값은 IE에서는 type=button, FX에서는 type=submit입니다.
텍스트 영역 및 선택과 같은 다른 양식 요소는 영향을 받지 않으며 라디오 확인란은 트리거 규칙에 영향을 미치지 않지만 FX에서는 Enter 키에 응답하지만 IE에서는 응답하지 않습니다.
type="image" 입력은 type="submit"과 동일한 효과를 갖습니다. 왜 그런 유형이 디자인되었는지는 모르겠습니다. CSS를 사용하여 추가하는 것이 더 적절하지 않습니다. 배경 이미지.
실제 적용에서는 양식이 Enter 키에 응답하도록 만드는 것이 쉽습니다. 양식에 type="submit" 버튼이 있는지 확인하세요. 그리고 텍스트 상자가 하나만 있고 Enter 키에 응답하고 싶지 않은 경우 어떻게 해야 합니까? 내 방법은 의미없는 텍스트 상자를 또 작성하고 숨기는 약간 어색합니다. 규칙 3에 따르면, 버튼을 사용할 때 일관된 브라우저 성능을 보장하기 위해 유형을 명시적으로 선언해야 합니다.

에서는 몇 가지 예가 나열된 데모(보려면 클릭)를 만들었습니다.